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;   } }

Permission