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 {
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
.square,
|
||||
svg {
|
||||
$svg-sizes: 8 10 12 14 16 18 24 32 48 72;
|
||||
@each $svg-size in $svg-sizes {
|
||||
&.s#{$svg-size} {
|
||||
|
|
Loading…
Reference in a new issue