Skip to content

Instantly share code, notes, and snippets.

@joechan3

joechan3/base.css

Last active June 16, 2016 19:46
Show Gist options
  • Save joechan3/0beeedba0a599103df7bcbe54723deb6 to your computer and use it in GitHub Desktop.
Save joechan3/0beeedba0a599103df7bcbe54723deb6 to your computer and use it in GitHub Desktop.
Download ZIP
Applying RWD Styles
Raw
base.css
@-ms-viewport {
width: device-width;
}
@import "reset";
@import "smallest";
@media print {
@import "print";
}
Raw
index.html
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="stylesheets/base.css">
<link rel="stylesheet" media="not print" href="stylesheets/mq.css">
<!--[if (lte IE 8)&(!IEMobile)]>
<link rel="stylesheet" href="stylesheets/nomq.css">
<![endif]-->
</head>
<!--nomq.css same as mq.css but media queries stripped out, recommend to use precompiler to handle this-->
Raw
mq.css
@media (min-width: 30em){
@include "min-width-30em";
}
@media (min-width: 60em){
@include "min-width-60em";
}
Raw
nomq.css
@include "min-width-30em";
@include "min-width-60em";
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment