Descriptive breakpoints for responsive adaptation of components.
The following ranges of viewport widths are defined:
- up to 390px: small (mobile phone form factor)
- 390px to 1280px: medium (tablets and narrow screen computers)
- greater than 1280px: large (low- and hi-res large screens)
Warning: Try to prevent responsive components as much as you can, see why.
@media (--sm-viewport) /* narrow window styles */
example.html on GH-pages.