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:
Paul Slaughter 2019-02-01 12:19:15 -06:00
parent 8028a59d7a
commit 4a24eb9219
No known key found for this signature in database
GPG Key ID: DF5690803C68282A
1 changed files with 3 additions and 0 deletions

View File

@ -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} {