feat(WIP): 내무부 국방/임관권유문 에디터 완료.

2021-12-30 22:50:33 +09:00
parent 4927a26c92
commit 7310aa6971
11 changed files with 323 additions and 138 deletions
@@ -1,67 +1,72 @@
-
-
@function frontColor($color) {
-    @return color-contrast($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%);
-            }
-        }
+@each $colorType,
+$color in $nationColors {
+  .sam-color-#{$colorType} {
+    .sam-nation-own-bgcolor {
+      background-color: $color;
+      color: frontColor($color);
    }

-    .btn-sammo-nation-#{$colorType}{
-        @include button-variant($color, $color);
+    .btn-sammo-nation {
+      @include button-variant($color, $color);

-        &:hover,
-        &:active,
-        &:focus {
-          background-color: $color;
-        }
+      &:hover,
+      &:active,
+      &:focus {
+        background-color: $color;
+      }

-        &,
-        &:not(.disabled):hover,
-        &:not(.disabled):active,
-        &:focus {
-          border-color: shade-color($color, 10%);
-        }
+      &,
+      &:not(.disabled):hover,
+      &:not(.disabled):active,
+      &:focus {
+        border-color: shade-color($color, 10%);
+      }
    }
+  }
+
+  .sam-nation-bg-#{$colorType} {
+    background-color: $color;
+    color: frontColor($color);
+  }
+
+  .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);
+@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%);
-        }
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: $color;
    }
+
+    &,
+    &:not(.disabled):hover,
+    &:not(.disabled):active,
+    &:focus {
+      border-color: shade-color($color, 10%);
+    }
+  }
 }