81 lines
1015 B
Plaintext
81 lines
1015 B
Plaintext
|
.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) {}
|