Files
less.js/test/less/import/import-reference.less
jurcovicovam 8f1c35a814 Extend looses @supports imported by reference
New logic: directive with body that contains something referenced (for
example by extend) will be shown in output too. @Media works with the same
logic - it shows up in output if it contains something visible.

Related to: #2359
2015-01-23 17:48:26 +01:00

66 lines
709 B
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;
}
/* comment pulled in */
}
@max-size: 450px;
.mixin-with-mediaq(@num) {
color: green;
test: @num;
@media (max-size: @max-size) {
color: red;
}
}
@supports (something: else) {
.class {
something: else;
}
.nestedToo {
.class {
something: else;
}
}
.invisible {
something: else;
}
}