Document writing in progress ..
This commit is contained in:
35
docs/font-awesome/scss/_stacked.scss
vendored
Normal file
35
docs/font-awesome/scss/_stacked.scss
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
// 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 {
|
||||
--#{v.$css-prefix}-width: 100%;
|
||||
|
||||
inset: 0;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: var(--#{v.$css-prefix}-width);
|
||||
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});
|
||||
}
|
||||
Reference in New Issue
Block a user