refactor(WIP): scss, ts 공통 파일 묶기

2021-12-10 21:45:02 +09:00
parent 3d2489b51a
commit b706fd468d
21 changed files with 30 additions and 16 deletions
@@ -0,0 +1,67 @@
+
+
+@function frontColor($color) {
+    @return color-contrast($color);
+}
+
+@each $colorType, $color in $nationColors {
+    .sam-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%);
+        }
+    }
+}