mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-11 08:04:59 +02:00
take account 'none' for box-shadow (#27972)
This commit is contained in:
@@ -1,5 +1,14 @@
|
|||||||
@mixin box-shadow($shadow...) {
|
@mixin box-shadow($shadow...) {
|
||||||
@if $enable-shadows {
|
@if $enable-shadows {
|
||||||
box-shadow: $shadow;
|
$result: ();
|
||||||
|
|
||||||
|
@for $i from 1 through length($shadow) {
|
||||||
|
@if nth($shadow, $i) != "none" {
|
||||||
|
$result: append($result, nth($shadow, $i), "comma");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@if (length($result) > 0) {
|
||||||
|
box-shadow: $result;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@@ -49,7 +49,7 @@
|
|||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
// Avoid using mixin so we can pass custom focus shadow properly
|
// Avoid using mixin so we can pass custom focus shadow properly
|
||||||
@if $enable-shadows {
|
@if $enable-shadows and $btn-active-box-shadow != none {
|
||||||
box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
|
box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
|
||||||
} @else {
|
} @else {
|
||||||
box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
|
box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
|
||||||
|
Reference in New Issue
Block a user