MPR News base.less

ie8_compat.less

// for IE8, we bring in these 
@import "medium";

@import "large"; 

body{
	min-width: 980px;
}

main.less

// 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";