mirror of
https://github.com/discourse/discourse.git
synced 2024-12-25 19:13:44 +08:00
174d392e5a
Run `prettier --write "app/assets/stylesheets/**/*.scss" "plugins/**/*.scss"` after making sure you installed it with `yarn` It's recommended to configure your editor to run prettier on file save.
86 lines
1.3 KiB
SCSS
86 lines
1.3 KiB
SCSS
// --------------------------------------------------
|
|
// Generic helper classes
|
|
// --------------------------------------------------
|
|
|
|
// Floats
|
|
// --------------------------------------------------
|
|
|
|
.pull-left {
|
|
float: left;
|
|
}
|
|
|
|
.pull-right {
|
|
float: right;
|
|
}
|
|
|
|
// Element visibility
|
|
// --------------------------------------------------
|
|
|
|
.show {
|
|
display: block;
|
|
}
|
|
|
|
.hide,
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
.invisible {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.sr-only {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
border: 0;
|
|
}
|
|
|
|
// Affix
|
|
// --------------------------------------------------
|
|
|
|
.affix {
|
|
position: fixed;
|
|
}
|
|
|
|
// Contain floats
|
|
// --------------------------------------------------
|
|
|
|
.clearfix {
|
|
&:before,
|
|
&:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
&:after {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
// Overflow
|
|
// --------------------------------------------------
|
|
|
|
.overflow-ellipsis {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
// Clickable elements
|
|
// --------------------------------------------------
|
|
|
|
.clickable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
// Buttons
|
|
// ---------------------------------------------------
|
|
.disable-no-hover:hover {
|
|
background: dark-light-choose($primary-low, $secondary-medium);
|
|
color: $primary;
|
|
}
|