Browse files

Merge pull request #144 from bassjobsen/patch-4

Update features-overview.md
  • Loading branch information...
2 parents 2ea8fa3 + 7acd5a8 commit d00871bae873fb9f5c8e20a6be0ebf546780f6d8 @jonschlinkert jonschlinkert committed Mar 10, 2014
Showing with 38 additions and 0 deletions.
  1. +38 −0 content/features-overview.md
View
38 content/features-overview.md
@@ -116,6 +116,44 @@ You can also bundle pseudo-selectors with your mixins using this method. Here's
* [Parent Selectors](#parent-selectors-feature)
+### Media query bubbling and nested media queries
+
+Media queries can be nested in the same way as selectors. Selector are copied into the body of the media query:
+
+```less
+.screencolor{
+ @media screen {
+ color: green;
+ @media (min-width:768px) {
+ color: red;
+ }
+ }
+ @media tv {
+ color: black;
+ }
+}
+
+```
+outputs:
+
+```css
+@media screen {
+ .screencolor {
+ color: green;
+ }
+}
+@media screen and (min-width: 768px) {
+ .screencolor {
+ color: red;
+ }
+}
+@media tv {
+ .screencolor {
+ color: black;
+ }
+}
+```
+
### Operations
Any number, color or variable can be operated on. Here are a couple of examples:

0 comments on commit d00871b

Please sign in to comment.