Permalink
Browse files

Fix media queries compilation results

  • Loading branch information...
1 parent 1ab2dd0 commit 37e262398e05b16ba0610b92d8da96e6d1e53119 @kaelig kaelig committed Aug 13, 2012
Showing with 7 additions and 14 deletions.
  1. +7 −14 doc-src/SASS_REFERENCE.md
@@ -1013,7 +1013,7 @@ and property names using #{} interpolation syntax:
$name: foo;
$attr: border;
- p.#{$name} { #{$attr}-color: blue }
+ p.#{$name} { #{$attr}-color: blue; }
is compiled to:
@@ -1229,13 +1229,10 @@ For example:
is compiled to:
.sidebar {
- width: 300px;
- }
- @media screen and (orientation: landscape) {
- .sidebar {
- width: 500px;
- }
- }
+ width: 300px; }
+ @media screen and (orientation: landscape) {
+ .sidebar {
+ width: 500px; } }
`@media` queries can also be nested within one another.
The queries will then be combined using the `and` operator.
@@ -1253,9 +1250,7 @@ is compiled to:
@media screen and (orientation: landscape) {
.sidebar {
- width: 500px;
- }
- }
+ width: 500px; } }
Finally, `@media` queries can contain SassScript expressions (including
variables, functions, and operators) in place of the feature names and feature
@@ -1275,9 +1270,7 @@ is compiled to:
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
.sidebar {
- width: 500px;
- }
- }
+ width: 500px; } }
### `@extend` {#extend}

0 comments on commit 37e2623

Please sign in to comment.