Revert "Remove libsass @media nesting bug workaround"

This reverts commit d6a5ebf438.

There has not been a release of libsass with this fix yet, sorry!
This commit is contained in:
Gleb Mazovetskiy 2015-01-08 21:38:12 +00:00
parent f4a00dc037
commit 720d02c5e5
1 changed files with 14 additions and 2 deletions

View File

@ -68,9 +68,21 @@
// 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.
@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
@include media-breakpoint-up($name, $breakpoints) {
@include media-breakpoint-down($name, $breakpoints) {
// Nested media query combination does not work in libsass yet
// 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;
}
} @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;
}
}
}
}