import-reference.less 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. .z {
  2. color: red;
  3. .c {
  4. color: green;
  5. }
  6. }
  7. .only-with-visible,
  8. .z {
  9. color: green;
  10. &:hover {
  11. color: green;
  12. }
  13. & {
  14. color: green;
  15. }
  16. & + & {
  17. color: green;
  18. .sub {
  19. color: green;
  20. }
  21. }
  22. }
  23. & {
  24. .hidden {
  25. hidden: true;
  26. }
  27. }
  28. @media tv {
  29. .hidden {
  30. hidden: true;
  31. }
  32. }
  33. /* comment is not output */
  34. .zz {
  35. .y {
  36. pulled-in: yes /* inline comment survives */;
  37. }
  38. /* comment pulled in */
  39. }
  40. @max-size: 450px;
  41. .mixin-with-mediaq(@num) {
  42. color: green;
  43. test: @num;
  44. @media (max-size: @max-size) {
  45. color: red;
  46. }
  47. }
  48. //https://github.com/less/less.js/issues/2359
  49. @supports (something: else) {
  50. .class {
  51. something: else;
  52. }
  53. .nestedToo {
  54. .class {
  55. something: else;
  56. }
  57. }
  58. .invisible {
  59. something: else;
  60. }
  61. }
  62. //https://github.com/less/less.js/issues/1979
  63. .mixin-with-nested-selectors() {
  64. .test {
  65. color: red;
  66. &:first-child {
  67. color: blue;
  68. }
  69. }
  70. }
  71. .mixin-with-directives(@keyframeName) {
  72. @keyframes @keyframeName {
  73. @rules1();
  74. }
  75. @supports (animation-name: test) {
  76. @keyframes @keyframeName {
  77. @rules2();
  78. }
  79. .selector {
  80. color: red;
  81. }
  82. }
  83. @rules1: {property: value;};
  84. @rules2: {property: value;};
  85. }
  86. @import (inline, multiple) "invalid-css.less";
  87. @import "import-inline-invalid-css.less";
  88. .print-referenced-import-inline() {
  89. div {
  90. @import (inline, multiple) "invalid-css.less";
  91. }
  92. @import (inline, multiple) "invalid-css.less";
  93. }