Browse files

Add documentation for nested media queries. Fixes #41

  • Loading branch information...
1 parent 82382ad commit 1de1d9bfd8e5ae737cbe108c00b64da37f641a88 @lukeapage lukeapage committed Jan 1, 2013
Showing with 27 additions and 0 deletions.
  1. +27 −0 templates/pages/doc.md
View
27 templates/pages/doc.md
@@ -400,6 +400,33 @@ Will output
.bordered .top {
margin: 5px;
}
+
+Nested Media Queries
+--------------------
+
+Media queries can be nested in the same way as selectors e.g.
+
+ .one {
+ @media (width: 400px) {
+ font-size: 1.2em;
+ @media print and color {
+ color: blue;
+ }
+ }
+ }
+
+Will output
+
+ @media (width: 400px) {
+ .one {
+ font-size: 1.2em;
+ }
+ }
+ @media (width: 400px) and print and color {
+ .one {
+ color: blue;
+ }
+ }
Advanced Usage of &
-------------------

0 comments on commit 1de1d9b

Please sign in to comment.