Use classes for SVG globe icons

2020-03-03 10:54:24 +01:00
parent a0bb53db62
commit 455f3d65de
4 changed files with 23 additions and 26 deletions
--- a/src/style/atoms/_icon-globe.scss
+++ b/src/style/atoms/_icon-globe.scss
@@ -0,0 +1,20 @@
+// SVG Globe icon
+.icon-svg {
+    height: 100%;
+    overflow: hidden;
+
+    &:after {
+        content: "";
+        display: block;
+        padding-bottom: 133.93%; /* 1.33 ratio */
+    }
+
+    // Small size
+    &--small {
+        &:after {
+            content: "";
+            display: block;
+            padding-bottom: 100%; /* 1:1 ratio */
+        }
+    }
+}