1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- .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;
- }
|