assets/stylesheets/bootstrap/utilities/_borders.scss in bootstrap-4.0.0.alpha6 vs assets/stylesheets/bootstrap/utilities/_borders.scss in bootstrap-4.0.0.beta
- old
+ new
@@ -1,32 +1,47 @@
//
// Border
//
+.border { border: 1px solid $gray-200 !important; }
.border-0 { border: 0 !important; }
.border-top-0 { border-top: 0 !important; }
.border-right-0 { border-right: 0 !important; }
.border-bottom-0 { border-bottom: 0 !important; }
.border-left-0 { border-left: 0 !important; }
+@each $color, $value in $theme-colors {
+ .border-#{$color} {
+ border-color: $value !important;
+ }
+}
+
+.border-white {
+ border-color: $white !important;
+}
+
//
// Border-radius
//
.rounded {
- @include border-radius($border-radius);
+ border-radius: $border-radius !important;
}
.rounded-top {
- @include border-top-radius($border-radius);
+ border-top-left-radius: $border-radius !important;
+ border-top-right-radius: $border-radius !important;
}
.rounded-right {
- @include border-right-radius($border-radius);
+ border-top-right-radius: $border-radius !important;
+ border-bottom-right-radius: $border-radius !important;
}
.rounded-bottom {
- @include border-bottom-radius($border-radius);
+ border-bottom-right-radius: $border-radius !important;
+ border-bottom-left-radius: $border-radius !important;
}
.rounded-left {
- @include border-left-radius($border-radius);
+ border-top-left-radius: $border-radius !important;
+ border-bottom-left-radius: $border-radius !important;
}
.rounded-circle {
border-radius: 50%;
}