breakpoint-sass
Version:
Really Simple Media Queries with Sass
32 lines (30 loc) • 930 B
CSS
/*
* Multidimensional lists,
* assume each item is a feature value pair
* $multidimensional : height 500px portrait orientation;
*/
@media (height: 500px) and (orientation: portrait) {
.multidimensional {
content: "$multidimensional";
content: "@media (height: 500px) and (orientation: portrait)";
}
}
@media (height: 500px) and (orientation: portrait) {
.multidimensional {
content: "$multidimensional";
content: "@media (height: 500px) and (orientation: portrait)";
}
}
/* @include breakpoint-set('to ems', true); */
@media (height: 500px) and (orientation: portrait) {
.multidimensional-to-ems {
content: "$multidimensional";
content: "@media (height: 31.25em) and (orientation: portrait)";
}
}
@media (height: 500px) and (orientation: portrait) {
.multidimensional-to-ems {
content: "$multidimensional";
content: "@media (height: 31.25em) and (orientation: portrait)";
}
}