1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
|
@function shift($list) {
@if length($list) == 1 { @return (); }
$new: ();
@for $i from 2 through length($list) {
$new: append($new, nth($list, $i));
}
@return $new;
}
@mixin media($medias...) {
@if length($medias) == 0 {
@content;
} @else {
@media #{nth($medias, 1)} {
@include media(shift($medias)...) {
@content;
}
}
}
}
.foo {
@include media('only screen', '(color)', '(orientation: portrait)') {
content: bar;
}
}
@include media('all', '(min-width: 42em)') {
.foo {
content: bar;
}
}
|