123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- .error {
- border: 1px #f00;
- background: #fdd;
- }
- .error.intrusion {
- font-size: 1.3em;
- font-weight: bold;
- }
- .intrusion .error {
- display: none;
- }
- .badError {
- &:extend(.error all);
- border-width: 3px;
- }
- .foo .bar, .foo .baz {
- display: none;
- }
- .ext1 .ext2 {
- &:extend(.foo all);
- }
- .ext3,
- .ext4 {
- &:extend(.foo all);
- &:extend(.bar all);
- }
- div.ext5,
- .ext6 > .ext5 {
- width: 100px;
- }
- .ext7 {
- &:extend(.ext5 all);
- }
- .ext8.ext9 {
- result: add-foo;
- }
- .ext8 .ext9,
- .ext8 + .ext9,
- .ext8 > .ext9 {
- result: bar-matched;
- }
- .ext8.nomatch {
- result: none;
- }
- .ext8 {
- .ext9 {
- result: match-nested-bar;
- }
- }
- .ext8 {
- &.ext9 {
- result: match-nested-foo;
- }
- }
- .fuu:extend(.ext8.ext9 all) {}
- .buu:extend(.ext8 .ext9 all) {}
- .zap:extend(.ext8 + .ext9 all) {}
- .zoo:extend(.ext8 > .ext9 all) {}
- .aa {
- color: black;
- .dd {
- background: red;
- }
- }
- .bb {
- background: red;
- .bb {
- color: black;
- }
- }
- .cc:extend(.aa,.bb) {}
- .ee:extend(.dd all,.bb) {}
- .ff:extend(.dd,.bb all) {}
|