65 lines
855 B
Plaintext
65 lines
855 B
Plaintext
|
.sidebar {
|
||
|
|
width: 300px;
|
||
|
|
background: red;
|
||
|
|
|
||
|
|
.box {
|
||
|
|
background: #FFF;
|
||
|
|
border: 1px solid #000;
|
||
|
|
margin: 10px 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar2 {
|
||
|
|
&:extend(.sidebar all);
|
||
|
|
background: blue;
|
||
|
|
}
|
||
|
|
|
||
|
|
.type1 {
|
||
|
|
.sidebar3 {
|
||
|
|
&:extend(.sidebar all);
|
||
|
|
background: green;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.type2 {
|
||
|
|
&.sidebar4 {
|
||
|
|
&:extend(.sidebar all);
|
||
|
|
background: red;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.button {
|
||
|
|
color: black;
|
||
|
|
&:hover {
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.submit {
|
||
|
|
&:extend(.button);
|
||
|
|
&:hover:extend(.button:hover) {}
|
||
|
|
}
|
||
|
|
|
||
|
|
.nomatch {
|
||
|
|
&:hover:extend(.button :hover) {}
|
||
|
|
}
|
||
|
|
|
||
|
|
.button2 {
|
||
|
|
:hover {
|
||
|
|
nested: white;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.button2 :hover {
|
||
|
|
notnested: black;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nomatch :extend(.button2:hover) {}
|
||
|
|
|
||
|
|
.amp-test-a,
|
||
|
|
.amp-test-b {
|
||
|
|
.amp-test-c &.amp-test-d&.amp-test-e {
|
||
|
|
.amp-test-f&+&.amp-test-g:extend(.amp-test-h) {}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.amp-test-h {
|
||
|
|
test: extended by masses of selectors;
|
||
|
|
}
|