fix border SCSS for bootstrap-extend

xizon · Nov 20, 2024 · b4b2c69 · b4b2c69
1 parent c7dcaf1
commit b4b2c69
Showing 1 changed file with 15 additions and 18 deletions.
diff --git a/src/components/bootstrap-extend/scss/libs/_responsive-border.scss b/src/components/bootstrap-extend/scss/libs/_responsive-border.scss
@@ -39,16 +39,7 @@
     @include media-breakpoint-up($breakpoint) {
       $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
 
-      .border#{$infix}-top {      border-top: $border-width solid $border-color !important; }
-      .border#{$infix}-end {    border-right: $border-width solid $border-color !important; }
-      .border#{$infix}-bottom {   border-bottom: $border-width solid $border-color !important; }
-      .border#{$infix}-start {     border-left: $border-width solid $border-color !important; }
-
-      .border#{$infix}-top-0 {    border-top: 0 !important; }
-      .border#{$infix}-end-0 {  border-right: 0 !important; }
-      .border#{$infix}-bottom-0 { border-bottom: 0 !important; }
-      .border#{$infix}-start-0 {   border-left: 0 !important; }
-
+      // put before ".border#{$infix}-xxxxx"
       .border#{$infix}-x {
         border-left: $border-width solid $border-color !important;
         border-right: $border-width solid $border-color !important;
@@ -60,17 +51,23 @@
       }
       // support of .border-sm (-md, -lg, -xl)
       .border#{$infix} {
-        border-top: $border-width solid $border-color !important;
-        border-bottom: $border-width solid $border-color !important;
-        border-left: $border-width solid $border-color !important;
-        border-right: $border-width solid $border-color !important;
+        border: $border-width solid $border-color !important;
       }
       .border#{$infix}-0 {
-        border-top: 0 !important;
-        border-bottom: 0 !important;
-        border-left: 0 !important;
-        border-right: 0 !important;
+        border: 0 !important;
       }
+
+      //
+      .border#{$infix}-top {      border-top: $border-width solid $border-color !important; }
+      .border#{$infix}-end {    border-right: $border-width solid $border-color !important; }
+      .border#{$infix}-bottom {   border-bottom: $border-width solid $border-color !important; }
+      .border#{$infix}-start {     border-left: $border-width solid $border-color !important; }
+
+      .border#{$infix}-top-0 {    border-top: 0 !important; }
+      .border#{$infix}-end-0 {  border-right: 0 !important; }
+      .border#{$infix}-bottom-0 { border-bottom: 0 !important; }
+      .border#{$infix}-start-0 {   border-left: 0 !important; }
+
     }
 }