mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-26 23:54:23 +01:00
Revert "Remove libsass @media nesting bug workaround"
This reverts commit d6a5ebf438080a71bc78b561be20160afc12e6ec. There has not been a release of libsass with this fix yet, sorry!
This commit is contained in:
parent
f4a00dc037
commit
720d02c5e5
@ -68,9 +68,21 @@
|
|||||||
// No minimum for the smallest breakpoint, and no maximum for the largest one.
|
// No minimum for the smallest breakpoint, and no maximum for the largest one.
|
||||||
// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
|
// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
|
||||||
@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
|
@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
|
||||||
@include media-breakpoint-up($name, $breakpoints) {
|
// Nested media query combination does not work in libsass yet
|
||||||
@include media-breakpoint-down($name, $breakpoints) {
|
// https://github.com/sass/libsass/issues/185
|
||||||
|
// Work around until the issue is resolved:
|
||||||
|
$min: breakpoint-min($name, $breakpoints);
|
||||||
|
$max: breakpoint-max($name, $breakpoints);
|
||||||
|
@if $min and $max {
|
||||||
|
@media (min-width: $min) and (max-width: $max) {
|
||||||
@content;
|
@content;
|
||||||
}
|
}
|
||||||
|
} @else {
|
||||||
|
// One of min or max is a no-op, so this branch is not affected by libsass#185
|
||||||
|
@include media-breakpoint-up($name, $breakpoints) {
|
||||||
|
@include media-breakpoint-down($name, $breakpoints) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user