/*
LARGER MOBILE DEVICES
~481px+
*/
.bp-mobile(@rules) {
@media only screen and (min-width: 28.75em) { @rules(); }
}
/*
TABLET & SMALLER LAPTOPS
~768px+
*/
.bp-tablet(@rules) {
@media only screen and (min-width: 40.5em) { @rules(); }
}
/*
DESKTOP
~1030px+
*/
.bp-desktop(@rules) {
@media only screen and (min-width: 64.375em) { @rules(); }
}
/*
LARGE VIEWING SIZE
~1240px+
*/
.bp-large-screen(@rules) {
@media only screen and (min-width: 77.5em) { @rules(); }
}