feat: 국가별 색 버튼을 lumen button profile에 맞춰 작성

2021-11-30 00:54:08 +09:00
parent eaeb97baf0
commit 1d821480fc
5 changed files with 126 additions and 12 deletions
@@ -0,0 +1,67 @@
+
+
+@function frontColor($color) {
+    @return color-contrast($color);
+}
+
+@each $colorType, $color in $nationColors {
+    .sam-nation-color-#{$colorType} {
+        .sam-nation-own-bgcolor{
+            background-color: $color;
+            color: frontColor($color);
+        }
+
+        .btn-sammo-nation{
+            @include button-variant($color, $color);
+
+            &:hover,
+            &:active,
+            &:focus {
+              background-color: $color;
+            }
+
+            &,
+            &:not(.disabled):hover,
+            &:not(.disabled):active,
+            &:focus {
+              border-color: shade-color($color, 10%);
+            }
+        }
+    }
+
+    .btn-sammo-nation-#{$colorType}{
+        @include button-variant($color, $color);
+
+        &:hover,
+        &:active,
+        &:focus {
+          background-color: $color;
+        }
+
+        &,
+        &:not(.disabled):hover,
+        &:not(.disabled):active,
+        &:focus {
+          border-color: shade-color($color, 10%);
+        }
+    }
+}
+
+@each $colorType, $color in $sammoColors {
+    .btn-sammo-#{$colorType}{
+        @include button-variant($color, $color);
+
+        &:hover,
+        &:active,
+        &:focus {
+          background-color: $color;
+        }
+
+        &,
+        &:not(.disabled):hover,
+        &:not(.disabled):active,
+        &:focus {
+          border-color: shade-color($color, 10%);
+        }
+    }
+}