pages/_sass/font-awesome/_stacked.scss
Scott Lee Chua 5ab56faadd
Update SASS syntax in base (non-font) files (#3281)
Partially fixes issue #3256 by updating SASS syntax in main SCSS files.

To fully address the issue, FontAwesome should be updated to `v7.x` and
Tabler to `v3.30` or higher (see Tabler fix
[here](https://github.com/tabler/tabler-icons/pull/1256)), where the
SCSS has been fixed.

---------

Signed-off-by: George Araújo <george.gcac@gmail.com>
Co-authored-by: George Araújo <george.gcac@gmail.com>
2026-01-26 18:26:44 -03:00

34 lines
644 B
SCSS

// stacking icons
// -------------------------
@use 'variables' as v;
.#{v.$css-prefix}-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: v.$stack-vertical-align;
width: v.$stack-width;
}
.#{v.$css-prefix}-stack-1x,
.#{v.$css-prefix}-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: var(--#{v.$css-prefix}-stack-z-index, #{v.$stack-z-index});
}
.#{v.$css-prefix}-stack-1x {
line-height: inherit;
}
.#{v.$css-prefix}-stack-2x {
font-size: 2em;
}
.#{v.$css-prefix}-inverse {
color: var(--#{v.$css-prefix}-inverse, #{v.$inverse});
}