77 lines
1.2 KiB
CSS
77 lines
1.2 KiB
CSS
|
.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;
|
||
|
|
}
|