Fix buttons sizes

2021-09-30 22:49:04 +02:00
parent 4df4b0dfa0
commit 624f02d84d
2 changed files with 16 additions and 6 deletions
--- a/src/style/atoms/_button.scss
+++ b/src/style/atoms/_button.scss
@@ -1,14 +1,16 @@
 .button {
    display: inline-flex;
+    height: 48px;
    align-items: center;
    background: #fff;
-    border-radius: 100vh;
-    padding: 12px 24px;
-    text-decoration: none;
-    font-size: rem(18px);
+    padding: 0 24px;
    color: $color-text;
-    font-weight: 600;
+    font-size: rem(18px);
+    line-height: 1;
+    font-weight: 700;
+    border-radius: 100vh;
    border: none;
+    text-decoration: none;

    // Icon
    img {
@@ -16,6 +18,14 @@
        margin-right: 12px;
    }

+    // Size variants
+    // Small
+    &--small {
+        height: 40px;
+    }
+
+    // Color Variants
+    // Pink
    &--pink {
        background: $color-secondary-light;
    }