2018-12-23 08:11:11 +01:00
|
|
|
// stylelint-disable property-blacklist
|
2014-12-02 14:02:35 -08:00
|
|
|
// Single side border-radius
|
|
|
|
|
2018-12-23 08:11:11 +01:00
|
|
|
@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
|
2015-10-07 00:05:38 -07:00
|
|
|
@if $enable-rounded {
|
|
|
|
border-radius: $radius;
|
|
|
|
}
|
2018-12-23 08:11:11 +01:00
|
|
|
@else if $fallback-border-radius != false {
|
|
|
|
border-radius: $fallback-border-radius;
|
|
|
|
}
|
2015-10-07 00:05:38 -07:00
|
|
|
}
|
|
|
|
|
2014-12-02 14:02:35 -08:00
|
|
|
@mixin border-top-radius($radius) {
|
2015-09-03 09:04:51 -07:00
|
|
|
@if $enable-rounded {
|
|
|
|
border-top-left-radius: $radius;
|
2017-03-18 21:06:05 +01:00
|
|
|
border-top-right-radius: $radius;
|
2015-09-03 09:04:51 -07:00
|
|
|
}
|
2014-12-02 14:02:35 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
@mixin border-right-radius($radius) {
|
2015-09-03 09:04:51 -07:00
|
|
|
@if $enable-rounded {
|
|
|
|
border-top-right-radius: $radius;
|
2017-03-18 21:06:05 +01:00
|
|
|
border-bottom-right-radius: $radius;
|
2015-09-03 09:04:51 -07:00
|
|
|
}
|
2014-12-02 14:02:35 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
@mixin border-bottom-radius($radius) {
|
2015-09-03 09:04:51 -07:00
|
|
|
@if $enable-rounded {
|
|
|
|
border-bottom-right-radius: $radius;
|
|
|
|
border-bottom-left-radius: $radius;
|
|
|
|
}
|
2014-12-02 14:02:35 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
@mixin border-left-radius($radius) {
|
2015-09-03 09:04:51 -07:00
|
|
|
@if $enable-rounded {
|
|
|
|
border-top-left-radius: $radius;
|
2017-03-18 21:06:05 +01:00
|
|
|
border-bottom-left-radius: $radius;
|
2015-09-03 09:04:51 -07:00
|
|
|
}
|
2014-12-02 14:02:35 -08:00
|
|
|
}
|
2019-01-06 17:01:36 -08:00
|
|
|
|
2019-02-07 00:02:05 -08:00
|
|
|
@mixin border-top-left-radius($radius) {
|
|
|
|
@if $enable-rounded {
|
|
|
|
border-top-left-radius: $radius;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-01-06 17:01:36 -08:00
|
|
|
@mixin border-top-right-radius($radius) {
|
|
|
|
@if $enable-rounded {
|
|
|
|
border-top-right-radius: $radius;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-02-07 00:02:05 -08:00
|
|
|
@mixin border-bottom-right-radius($radius) {
|
|
|
|
@if $enable-rounded {
|
|
|
|
border-bottom-right-radius: $radius;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-01-06 17:01:36 -08:00
|
|
|
@mixin border-bottom-left-radius($radius) {
|
|
|
|
@if $enable-rounded {
|
|
|
|
border-bottom-left-radius: $radius;
|
|
|
|
}
|
|
|
|
}
|