Responsive CSS boilerplate

r-boilerplate.css

/* Mobile / General Styles
   ---
   Code up general styles and mobile styles, use media queries to adapt to larger displays.
   Things for this section: Reset, Typography, Baseline grid, etc. Convenience methods for image-replacement, hiding, clearing etc.
*/




/* Desktop and iPad/Tablet specific styles. */
@media only screen and (min-width: 35em) {
	/* Delete me if empty!!! */
}

/* iPad/Tablet specific styles. */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	/* Delete me if empty!!! */
}

/* iPad/Tablet landscape specific styles. */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	/* Delete me if empty!!! */
}
/* iPad/Tablet portrait specific styles. */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	/* Delete me if empty!!! */
}

/* Mobile specific styles */
@media only screen and (max-width: 35em) {
	/* Delete me if empty!!! */
}