mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 23:05:41 +08:00

Stylelint is a css linter: https://stylelint.io/ As part of this change we have added two javascript scripts: ``` pnpm lint:css pnpm lint:css:fix ``` Look at `.vscode/settings.json.sample` and `.vscode/extensions.json` for configuration in VSCode. --------- Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
68 lines
1.0 KiB
SCSS
68 lines
1.0 KiB
SCSS
// --------------------------------------------------
|
|
// Generic helper classes
|
|
// --------------------------------------------------
|
|
|
|
// Floats
|
|
// --------------------------------------------------
|
|
.pull-left {
|
|
float: left;
|
|
}
|
|
|
|
.pull-right {
|
|
float: right;
|
|
}
|
|
|
|
// Element visibility
|
|
// --------------------------------------------------
|
|
.show {
|
|
display: block;
|
|
}
|
|
|
|
.hide,
|
|
.hidden {
|
|
display: none !important;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
// 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;
|
|
}
|