Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
MPR News base.less
// for IE8, we bring in these
@import "medium";
@import "large";
body{
min-width: 980px;
}
// phone, 0+ px
@import "base";
// tablet/medium, starts at 541 px and up
@media only screen and (min-width: 33.8125em ){ //541px
@import "medium";
}
// desktop/large, starts at 841px and up
@media only screen and (min-width: 52.5625em ){ //841px
@import "large";
}
// Styles for larger screens. Contain multiple media queries
// These styles will not be read bye IE8
@import "xlarge"; //bigger than 980px
@import "xxlarge"; //bigger than 1130px
// Print stylesheets
@import "print";
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment