Preferred way of writing vertical media queries with Sass' Breakpoint Extension -
with sass extension breakpoint, there preferred way write vertical media queries have single argument query value?
here's example of i'd accomplish:
@media (max-height: 50em) { .item { font-size: 2em; } }
or, should plain, "on-the-fly" media query these styles such:
.item { @media (max-height: 50em) { font-size: 2em; } }
is possibly handled variable?
my styles "mobile first", of other media queries on site use breakpoint's default "min-width" setting.
thanks!
you can following:
$vertical: 'max-height' 50em; .item { @include breakpoint($vertical) { font-size: 2em; } }
you can include height queries other queries follows:
$mixed: 15em ('max-height' 50em); .item { @include breakpoint($mixed) { font-size: 2em; } }
Comments
Post a Comment