Bootstrap 4 media queries if you want to reuse them in your stylus stylesheet.
Explanation
Here is a visual representation of Bootstrap 4 responsive breakpoints.
34em
48em
62em
75em
xs
sm
md
lg
xl
Declaration
$xs-and-smaller = '(max-width: 33.9em)' |
Usage
You can then use these variables like so:
.yourClass |
Or
.yourClass |
There are many other ways to do this, but that’s the one that feels the most comfortable and readable to me. Would be happy to read yours.