refac: bootstrap.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;