Edit browse locations section

Create badge atom,
2021-09-28 12:57:13 +02:00
parent 1883d5781f
commit 15461588ec
7 changed files with 63 additions and 3 deletions
--- a/src/style/atoms/_badge.scss
+++ b/src/style/atoms/_badge.scss
@@ -0,0 +1,22 @@
+.badge {
+    display: flex;
+    align-items: center;
+    margin: 0 auto;
+    padding: 0 6px;
+    background-color: $color-secondary-light;
+    border-radius: 100vh;
+    text-transform: uppercase;
+    color: $color-primary-darker;
+    font-weight: 500;
+    letter-spacing: 1px;
+    line-height: 1;
+    min-height: 16px;
+    margin-top: 20px;
+
+    // Small size
+    &--small {
+        span {
+            font-size: rem(7px);
+        }
+    }
+}