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%; }