Skip to content
Browse files

updated test css to demo em queries

  • Loading branch information...
1 parent 06fb248 commit 1f03bbcf1031d67c35c3659feb8dadbe8462561e scottjehl committed Sep 23, 2011
Showing with 16 additions and 9 deletions.
  1. +16 −9 test/test.css
View
25 test/test.css
@@ -27,34 +27,41 @@ a {
display: none;
}
-/*styles for 480px and up!*/
-@media only screen and (min-width: 480px), only screen and (max-width: 620px) {
+/*styles for 300 and up!*/
+@media only screen and (min-width: 15em) {
+ body {
+ background: yellow;
+ }
+}
+
+
+@media only screen and (min-width: 24em), only screen and (max-width: 40em) {
body {
background: green;
}
}
-/*styles for 620px and up! (let's try this one minified )*/
-@media screen and (min-width: 620px),only print,projector{body{background:red;}}
+
+@media screen and (min-width: 40em),only print,projector{body{background:red;}}
/*styles for 800px and up!*/
-@media screen and (min-width: 800px){
+@media screen and (min-width: 50em){
body {
background: blue;
}
}
-/*styles for 1100px and up!*/
-@media screen and (min-width: 1100px){
+
+@media screen and (min-width: 70em){
body {
background: orange;
}
}
-/*styles for 1300px and up!*/
-@media screen and (min-width: 1300px){
+/*one with pixels too! */
+@media screen and (min-width: 1200px){
body {
background: navy;
}

0 comments on commit 1f03bbc

Please sign in to comment.
Something went wrong with that request. Please try again.