skeleton-stylus
Version:
The (un)official stylus Version of Skeleton (2.0.4): A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development
23 lines (16 loc) • 780 B
text/stylus
// Media Queries
//––––––––––––––––––––––––––––––––––––––––––––––––––
// Note: The best way to structure the use of media queries is to create the queries
// near the relevant code. For example, if you wanted to change the styles for buttons
// on small devices, paste the mobile query code up in the buttons section and style it
// there.
// Larger than mobile
@media ($bp-larger-than-mobile) {}
// Larger than phablet (also point when grid becomes active)
@media ($bp-larger-than-phablet) {}
// Larger than tablet
@media ($bp-larger-than-tablet) {}
// Larger than desktop
@media ($bp-larger-than-desktop) {}
// Larger than Desktop HD
@media ($bp-larger-than-desktophd) {}