Add square css class
**Why?** This is helpful when needing to wrap the size of an svg with an empty container. Example: ``` <div class="square s-32 d-flex-center"> <svg class="s16">...</svg> </div> ```
This commit is contained in:
parent
8028a59d7a
commit
4a24eb9219
1 changed files with 3 additions and 0 deletions
|
@ -38,7 +38,10 @@
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.square,
|
||||||
|
svg {
|
||||||
$svg-sizes: 8 10 12 14 16 18 24 32 48 72;
|
$svg-sizes: 8 10 12 14 16 18 24 32 48 72;
|
||||||
@each $svg-size in $svg-sizes {
|
@each $svg-size in $svg-sizes {
|
||||||
&.s#{$svg-size} {
|
&.s#{$svg-size} {
|
||||||
|
|
Loading…
Reference in a new issue