Files
edx-platform/lms/static/sass/discussion/_mixins.scss
Adam Butterworth 42cc0d0145 Fix all stylelint errors (#23920)
* Fix all stylelint errors

For any errors that fixing would require changing the output of the css disable stylelint for that line instead of modifying.

* Update quality.py

Make stylelint quality check pass when there are no errors

* Delete empty selectors
2020-05-06 16:07:14 -04:00

98 lines
2.1 KiB
SCSS

// discussion - mixins and extends
// ====================
@mixin discussion-button() {
display: block;
border: 1px solid;
border-radius: $forum-border-radius;
height: 35px;
background-image: none;
color: $white;
line-height: 35px;
font-size: $forum-base-font-size;
white-space: nowrap; // Prevent word-break in Arabic in Google Chrome
text-shadow: none;
padding: 0 ($baseline*0.75);
}
@mixin white-button {
@include discussion-button();
border-color: #aaa;
background-color: $white;
color: theme-color("gray-dark");
&:hover,
&:focus {
background-color: $white;
}
}
@mixin discussion-wmd-input {
@include border-radius($forum-border-radius, $forum-border-radius, 0, 0);
box-sizing: border-box;
margin-top: 0;
border: 1px solid $forum-color-border;
padding: ($baseline/2);
width: 100%;
height: 125px;
background: $forum-color-background;
font-size: $forum-base-font-size;
font-family: $font-family-sans-serif;
line-height: 1.6;
}
@mixin discussion-wmd-preview-container {
@include border-radius(0, 0, $forum-border-radius, $forum-border-radius);
box-sizing: border-box;
border: 1px solid $forum-color-border;
width: 100%;
background: $forum-color-background-light;
}
@mixin discussion-new-post-wmd-preview-container {
@include discussion-wmd-preview-container;
border-color: $forum-color-border;
}
@mixin discussion-wmd-preview-label {
@include padding-left($baseline/4);
padding-top: 3px;
width: 100%;
color: $forum-color-editor-preview-label;
font-size: $forum-small-font-size;
}
@mixin discussion-wmd-preview {
padding: ($baseline/2) $baseline;
width: auto;
background-color: $forum-color-background-light;
ol,
ul { // Fix up the RTL-only _reset.scss, but only in specific places
@include padding-left($baseline*2);
@include padding-right(0);
}
svg {
max-width: 100% !important;
}
}
@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
// extends - content - text overflow by ellipsis
%cont-truncated {
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}