Flag component

2026-07-29 14:34:37 +04:00 · 2019-06-01 17:23:43 +02:00
parent cde7893407
commit ef40b91ef8
4 changed files with 45 additions and 11 deletions
@@ -19,13 +19,14 @@
  .flag {
    position: relative;
    display: inline-block;
-    width: 1.3333em;
-    height: 1em;
-    line-height: 1em;
+    width: 2em;
+    height: 2rem;
+    line-height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border-radius: 2px;
+    vertical-align: bottom;
  }

  .flag::before {
@@ -39,3 +40,10 @@
  }
 }

+@each $avatar-size, $size in $avatar-sizes {
+  .flag-size-#{$avatar-size} {
+    width: $size;
+    height: $size;
+    line-height: $size;
+  }
+}