mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 23:27:23 +08:00
d88ee33eb6
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>
46 lines
991 B
SCSS
46 lines
991 B
SCSS
.svg-icon,
|
|
.svg-icon-title {
|
|
height: 1em;
|
|
width: 1em;
|
|
line-height: 1;
|
|
display: inline-flex;
|
|
position: relative;
|
|
vertical-align: -0.125em;
|
|
fill: currentcolor;
|
|
flex-shrink: 0; // Prevent the icon from shrinking if it's in a flexbox
|
|
overflow: visible;
|
|
}
|
|
|
|
// Fixes Edge bug with SVG elements not triggering click event
|
|
svg > use {
|
|
pointer-events: none;
|
|
}
|
|
|
|
// Stacked Icons
|
|
// Usage:
|
|
// <span class="fa-stack">
|
|
// <svg class="... d-icon-icon1 fa-stack-1x ..." xmlns="http://www.w3.org/2000/svg"><use href="#icon1"></use></svg>
|
|
// <svg class="... d-icon-icon2 fa-stack-2x ..." xmlns="http://www.w3.org/2000/svg"><use href="#icon2"></use></svg>
|
|
// </span>
|
|
// -------------------------
|
|
.fa-stack {
|
|
position: relative;
|
|
width: 1em;
|
|
height: 1em;
|
|
display: inline-block;
|
|
|
|
.fa-stack-1x,
|
|
.fa-stack-2x {
|
|
left: 0;
|
|
top: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
.fa-stack-2x {
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
margin-top: -0.25em;
|
|
margin-left: -0.25em;
|
|
}
|
|
}
|