diff options
| author | Paul Slaughter <pslaughter@gitlab.com> | 2019-02-01 12:19:15 -0600 |
|---|---|---|
| committer | Paul Slaughter <pslaughter@gitlab.com> | 2019-02-04 16:24:05 -0600 |
| commit | 4a24eb9219a33fa66bcdc35eaec301f0611e0071 (patch) | |
| tree | bdf4a9a677b4003c6b24025ef98ac2cd9fa0dd22 | |
| parent | 8028a59d7a89ca803902b5b5a206bcf1e83e8c51 (diff) | |
| download | gitlab-ce-4a24eb9219a33fa66bcdc35eaec301f0611e0071.tar.gz | |
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>
```
| -rw-r--r-- | app/assets/stylesheets/framework/images.scss | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/images.scss b/app/assets/stylesheets/framework/images.scss index a20920e2503..d78c707192f 100644 --- a/app/assets/stylesheets/framework/images.scss +++ b/app/assets/stylesheets/framework/images.scss @@ -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} { |