From 4a24eb9219a33fa66bcdc35eaec301f0611e0071 Mon Sep 17 00:00:00 2001
From: Paul Slaughter <pslaughter@gitlab.com>
Date: Fri, 1 Feb 2019 12:19:15 -0600
Subject: 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>
```
---
 app/assets/stylesheets/framework/images.scss | 3 +++
 1 file changed, 3 insertions(+)

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} {
-- 
cgit v1.2.3