rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

box-shadow() mixin allow 'null' and drop support 'none' with multiple args (#30394)

Browse Source 
* Support 'null' and drop `none` with multiple args

* Output a warning when use 'none' with multiple arguments

* Add migration note

* Update migration.md

Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
This commit is contained in:
Shohei Yoshida 2020-08-05 03:51:19 +09:00 committed by GitHub
parent 9181c84f0f
commit e8566e10c7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
scss/mixins/_box-shadow.scss
View File

@ -2,17 +2,15 @@
@if $enable-shadows { @if $enable-shadows {
$result: (); $result: ();
@if (length($shadow) == 1) { @each $value in $shadow {
// We can pass `@include box-shadow(none);` @if $value != null {
$result: $shadow; $result: append($result, $value, "comma");
} @else { }
// Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;` @if $value == none and length($shadow) > 1 {
@for $i from 1 through length($shadow) { @warn "The keyword 'none' must be used as a single argument.";
@if nth($shadow, $i) != "none" {
$result: append($result, nth($shadow, $i), "comma");
}
} }
} }
@if (length($result) > 0) { @if (length($result) > 0) {
box-shadow: $result; box-shadow: $result;
} }

1
site/content/docs/5.0/migration.md
View File

@ -110,6 +110,7 @@ Changes to our source Sass files and compiled CSS.
- The `bg-gradient-variant()` mixin is removed since the `.bg-gradient` class can now be used to add gradients to elements instead of the `.bg-gradient-*` classes. - The `bg-gradient-variant()` mixin is removed since the `.bg-gradient` class can now be used to add gradients to elements instead of the `.bg-gradient-*` classes.
- The `media-breakpoint-down()` uses the breakpoint itself instead of the next breakpoint. Use `media-breakpoint-down(lg)` instead of `media-breakpoint-down(md)` to target viewports smaller than the `lg` breakpoint. - The `media-breakpoint-down()` uses the breakpoint itself instead of the next breakpoint. Use `media-breakpoint-down(lg)` instead of `media-breakpoint-down(md)` to target viewports smaller than the `lg` breakpoint.
- The `media-breakpoint-between()` mixin's second parameter also uses the breakpoint itself instead of the next breakpoint. Use `media-between(sm, lg)` instead of `media-breakpoint-between(sm, md)` to target viewports between the `sm` and `lg` breakpoints. - The `media-breakpoint-between()` mixin's second parameter also uses the breakpoint itself instead of the next breakpoint. Use `media-between(sm, lg)` instead of `media-breakpoint-between(sm, md)` to target viewports between the `sm` and `lg` breakpoints.
- The `box-shadow()` mixin now better supports `none` and `null` with multiple arguments. Now you can pass multiple arguements with either value, and get the expected output. [See #30394](https://github.com/twbs/bootstrap/pull/30394).
### JavaScript ### JavaScript