mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01:00
e6b1eefc73
Alternate take to #27683 that builds the modifier class based on min-width, such that list groups are stacked until the class's breakpoint is reached. This is less verbose, matches our primary responsive approach, and prevents an extra class. Unfortunately, I believe supporting flush list groups is too much code here, so I've skipped that and made a note in the docs. Also added examples generate from our breakpoints data file with a protip for how to do equal width items.
52 lines
1.1 KiB
SCSS
52 lines
1.1 KiB
SCSS
// stylelint-disable property-blacklist
|
|
// Single side border-radius
|
|
|
|
@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
|
|
@if $enable-rounded {
|
|
border-radius: $radius;
|
|
}
|
|
@else if $fallback-border-radius != false {
|
|
border-radius: $fallback-border-radius;
|
|
}
|
|
}
|
|
|
|
@mixin border-top-radius($radius) {
|
|
@if $enable-rounded {
|
|
border-top-left-radius: $radius;
|
|
border-top-right-radius: $radius;
|
|
}
|
|
}
|
|
|
|
@mixin border-right-radius($radius) {
|
|
@if $enable-rounded {
|
|
border-top-right-radius: $radius;
|
|
border-bottom-right-radius: $radius;
|
|
}
|
|
}
|
|
|
|
@mixin border-bottom-radius($radius) {
|
|
@if $enable-rounded {
|
|
border-bottom-right-radius: $radius;
|
|
border-bottom-left-radius: $radius;
|
|
}
|
|
}
|
|
|
|
@mixin border-left-radius($radius) {
|
|
@if $enable-rounded {
|
|
border-top-left-radius: $radius;
|
|
border-bottom-left-radius: $radius;
|
|
}
|
|
}
|
|
|
|
@mixin border-top-right-radius($radius) {
|
|
@if $enable-rounded {
|
|
border-top-right-radius: $radius;
|
|
}
|
|
}
|
|
|
|
@mixin border-bottom-left-radius($radius) {
|
|
@if $enable-rounded {
|
|
border-bottom-left-radius: $radius;
|
|
}
|
|
}
|