.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";

}