refac: bootstrap.scss 분리 후 별도 빌드

hwe/scss/battleCenter.scss

@@ -1,4 +1,4 @@
-@import "./common/bootstrap5.scss";
+@import "./common/base.scss";
 @import "./common_legacy.scss";
 
 @include media-1000px{

hwe/scss/board.scss

@@ -1,4 +1,4 @@
-@import "./common/bootstrap5.scss";
+@import "./common/base.scss";
 @import "@scss/game_bg.scss";
 @import "./common_legacy.scss";
 @import "../../css/config.css";

hwe/scss/bootstrap.scss

@@ -1,16 +1,16 @@
-@import "./common/pretendard.scss";
+@import "./common/variables.scss";
+@import "./common/break_500px.scss";
 
 $body-bg:  #000;
 
 $input-bg: #ddd;
 $input-color: #303030;
 
-@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css");
-
-@import "./common/break_500px.scss";
-@import "./common/variables.scss";
 @import "./common/bootswatch_custom_variables.scss";
 @import "bootstrap/scss/bootstrap.scss";
 @import "./common/bootswatch_custom.scss";
 @import "./common/bootstrap_sammo.scss";
 @import "./common/vue-multiselect.scss";
+
+@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css");
+@import "./common/pretendard.scss";

hwe/scss/common/base.scss

@@ -1,4 +1,5 @@
 @import "./variables.scss";
+@import "break_500px.scss";
 
 $body-bg:  #000;
 
@@ -6,5 +7,5 @@ $input-bg: #ddd;
 $input-color: #303030;
 
 @import "./bootswatch_custom_variables.scss";
-@import "bootstrap/scss/bootstrap-utilities.scss";
-@import "break_500px.scss";
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";

hwe/scss/common/bootstrap5.scss

@@ -1,16 +0,0 @@
-@import "./pretendard.scss";
-
-$body-bg:  #000;
-
-$input-bg: #ddd;
-$input-color: #303030;
-
-@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css");
-
-@import "./break_500px.scss";
-@import "./variables.scss";
-@import "./bootswatch_custom_variables.scss";
-@import "bootstrap/scss/bootstrap.scss";
-@import "./bootswatch_custom.scss";
-@import "./bootstrap_sammo.scss";
-@import "./vue-multiselect.scss";

hwe/scss/common/bootstrap_sammo.scss

@@ -69,4 +69,37 @@ $color in $sammoColors {
       border-color: shade-color($color, 10%);
     }
   }
+}
+
+
+.buttonPlate {
+  .toolbarButton {
+      @extend .btn;
+      @extend .btn-sammo-base2;
+      width: 100%;
+      font-weight: bold;
+      font-size: 14px;
+  }
+
+  .toolbarButton2 {
+      @extend .btn;
+      @extend .btn-sammo-base2;
+      color: magenta;
+      width: 100%;
+      font-weight: bold;
+      font-size: 14px;
+
+      &:hover,
+      &:focus,
+      &:active {
+          color: magenta;
+      }
+  }
+
+  .commandButton {
+      width: 100%;
+      font-weight: bold;
+      font-size: 14px;
+      display: block;
+  }
 }

hwe/scss/common/vue-multiselect.scss

@@ -308,7 +308,6 @@ fieldset[disabled] .multiselect {
   line-height: $vue-multiselect-min-height / 2;
   text-decoration: none;
   text-transform: none;
-  vertical-align: middle;
   position: relative;
   cursor: pointer;
   white-space: nowrap;

hwe/scss/common_legacy.scss

@@ -1,4 +1,4 @@
-@import "./common/bootstrap5.scss";
+@import "./common/base.scss";
 @import "./editor_component.scss";
 
 html * {

hwe/scss/hallOfFame.scss

@@ -1,4 +1,4 @@
-@import "./common/bootstrap5.scss";
+@import "./common/base.scss";
 @import "./common_legacy.scss";
 
 @include media-1000px{

hwe/scss/history.scss

@@ -1,4 +1,4 @@
-@import "./common/bootstrap5.scss";
+@import "./common/base.scss";
 @import "./editor_component.scss";
 @import "./util.scss";
 
@@ -15,12 +15,12 @@
 
   .map_position {
     flex: 0 0 auto;
-    width: 700px;
+    width: 700px !important;
   }
 
   .nation_position {
     flex: 0 0 auto;
-    width: 300px;
+    width: 300px !important;
   }
 }
 

hwe/scss/main.scss

@@ -1,6 +1,7 @@
-@import "./common/bootstrap5.scss";
+@import "./common/base.scss";
 @import "./editor_component.scss";
 @import "./util.scss";
+
 body {
     color: white;
     background-color: black;
@@ -314,38 +315,6 @@ body {
     }
 }
 
-.buttonPlate {
-    .toolbarButton {
-        @extend .btn;
-        @extend .btn-sammo-base2;
-        width: 100%;
-        font-weight: bold;
-        font-size: 14px;
-    }
-
-    .toolbarButton2 {
-        @extend .btn;
-        @extend .btn-sammo-base2;
-        color: magenta;
-        width: 100%;
-        font-weight: bold;
-        font-size: 14px;
-
-        &:hover,
-        &:focus,
-        &:active {
-            color: magenta;
-        }
-    }
-
-    .commandButton {
-        width: 100%;
-        font-weight: bold;
-        font-size: 14px;
-        display: block;
-    }
-}
-
 .nation_info td {
     height: 18px;
 }

hwe/scss/myPage.scss

@@ -1,4 +1,4 @@
-@import "./common/bootstrap5.scss";
+@import "./common/base.scss";
 @import "./common_legacy.scss";
 
 @include media-1000px{

hwe/scss/nationBetting.scss

@@ -1,4 +1,4 @@
-@import '@scss/common/bootstrap5.scss';
+@import "./common/base.scss";
 @import "@scss/game_bg.scss";
 @import "@scss/util.scss";
 

hwe/scss/nationGeneral.scss

@@ -1,4 +1,4 @@
-@import '@scss/common/bootstrap5.scss';
+@import "./common/base.scss";
 @import "@scss/game_bg.scss";
 @import "@scss/util.scss";
 

hwe/scss/nationStratFinan.scss

@@ -1,4 +1,4 @@
-@import '@scss/common/bootstrap5.scss';
+@import "./common/base.scss";
 @import "@scss/game_bg.scss";
 @import "@scss/util.scss";
 @import "@scss/editor_component.scss";

hwe/scss/processing.scss

@@ -1,4 +1,4 @@
-@import "./common/bootstrap5.scss";
+@import "./common/base.scss";
 @import "./editor_component.scss";
 @import "./common_legacy.scss";
 @import "./util.scss";

hwe/scss/vote.scss

@@ -1,4 +1,4 @@
-@import '@scss/common/bootstrap5.scss';
+@import "./common/base.scss";
 @import "@scss/game_bg.scss";
 @import "@scss/util.scss";