.wrap-selector {
color: black; one: 1px; four: magic-frame; visible-one: visible; visible-two: visible;
} .wrap-selector {
color: red; visible-one: visible; visible-two: visible;
} .wrap-selector {
color: black; background: white; visible-one: visible; visible-two: visible;
} header {
background: blue;
} @media screen and (min-width: 1200) {
header { background: red; }
} html.lt-ie9 header {
background: red;
} .wrap-selector {
test: extra-wrap; visible-one: visible; visible-two: visible;
} .wrap-selector .wrap-selector {
test: wrapped-twice; visible-one: visible; visible-two: visible;
} .wrap-selector {
test-func: 90; test-arithmetic: 18px; visible-one: visible; visible-two: visible;
} .without-mixins {
b: 1;
} @media (orientation: portrait) and tv {
.my-selector { background-color: black; }
} @media (orientation: portrait) and widescreen and print and tv {
.triple-wrapped-mq { triple: true; }
} @media (orientation: portrait) and widescreen and tv {
.triple-wrapped-mq { triple: true; }
} @media (orientation: portrait) and tv {
.triple-wrapped-mq { triple: true; }
} .a {
test: test;
} .argument-default {
default: works; direct: works; named: works;
}