98 lines
1.4 KiB
Plaintext
98 lines
1.4 KiB
Plaintext
|
.z {
|
||
|
color: red;
|
||
|
.c {
|
||
|
color: green;
|
||
|
}
|
||
|
}
|
||
|
.only-with-visible,
|
||
|
.z {
|
||
|
color: green;
|
||
|
&:hover {
|
||
|
color: green;
|
||
|
}
|
||
|
& {
|
||
|
color: green;
|
||
|
}
|
||
|
& + & {
|
||
|
color: green;
|
||
|
.sub {
|
||
|
color: green;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
& {
|
||
|
.hidden {
|
||
|
hidden: true;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media tv {
|
||
|
.hidden {
|
||
|
hidden: true;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* comment is not output */
|
||
|
|
||
|
.zz {
|
||
|
.y {
|
||
|
pulled-in: yes /* inline comment survives */;
|
||
|
}
|
||
|
/* comment pulled in */
|
||
|
}
|
||
|
@max-size: 450px;
|
||
|
.mixin-with-mediaq(@num) {
|
||
|
color: green;
|
||
|
test: @num;
|
||
|
@media (max-size: @max-size) {
|
||
|
color: red;
|
||
|
}
|
||
|
}
|
||
|
//https://github.com/less/less.js/issues/2359
|
||
|
@supports (something: else) {
|
||
|
.class {
|
||
|
something: else;
|
||
|
}
|
||
|
.nestedToo {
|
||
|
.class {
|
||
|
something: else;
|
||
|
}
|
||
|
}
|
||
|
.invisible {
|
||
|
something: else;
|
||
|
}
|
||
|
}
|
||
|
//https://github.com/less/less.js/issues/1979
|
||
|
.mixin-with-nested-selectors() {
|
||
|
.test {
|
||
|
color: red;
|
||
|
&:first-child {
|
||
|
color: blue;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
.mixin-with-directives(@keyframeName) {
|
||
|
@keyframes @keyframeName {
|
||
|
@rules1();
|
||
|
}
|
||
|
@supports (animation-name: test) {
|
||
|
@keyframes @keyframeName {
|
||
|
@rules2();
|
||
|
}
|
||
|
.selector {
|
||
|
color: red;
|
||
|
}
|
||
|
}
|
||
|
@rules1: {property: value;};
|
||
|
@rules2: {property: value;};
|
||
|
}
|
||
|
|
||
|
@import (inline, multiple) "invalid-css.less";
|
||
|
@import "import-inline-invalid-css.less";
|
||
|
.print-referenced-import-inline() {
|
||
|
div {
|
||
|
@import (inline, multiple) "invalid-css.less";
|
||
|
}
|
||
|
@import (inline, multiple) "invalid-css.less";
|
||
|
}
|