mixins-args.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. #hidden {
  2. color: transparent;
  3. }
  4. #hidden1 {
  5. color: transparent;
  6. }
  7. .two-args {
  8. color: blue;
  9. width: 10px;
  10. height: 99%;
  11. border: 2px dotted black;
  12. }
  13. .one-arg {
  14. width: 15px;
  15. height: 49%;
  16. }
  17. .no-parens {
  18. width: 5px;
  19. height: 49%;
  20. }
  21. .no-args {
  22. width: 5px;
  23. height: 49%;
  24. }
  25. .var-args {
  26. width: 45;
  27. height: 17%;
  28. }
  29. .multi-mix {
  30. width: 10px;
  31. height: 29%;
  32. margin: 4;
  33. padding: 5;
  34. }
  35. body {
  36. padding: 30px;
  37. color: #f00;
  38. }
  39. .scope-mix {
  40. width: 8;
  41. }
  42. .content {
  43. width: 600px;
  44. }
  45. .content .column {
  46. margin: 600px;
  47. }
  48. #same-var-name {
  49. radius: 5px;
  50. }
  51. #var-inside {
  52. width: 10px;
  53. }
  54. .arguments {
  55. border: 1px solid black;
  56. width: 1px;
  57. }
  58. .arguments2 {
  59. border: 0px;
  60. width: 0px;
  61. }
  62. .arguments3 {
  63. border: 0px;
  64. width: 0px;
  65. }
  66. .arguments4 {
  67. border: 0 1 2 3 4;
  68. rest: 1 2 3 4;
  69. width: 0;
  70. }
  71. .edge-case {
  72. border: "{";
  73. width: "{";
  74. }
  75. .slash-vs-math {
  76. border-radius: 2px/5px;
  77. border-radius: 5px/10px;
  78. border-radius: 6px;
  79. }
  80. .comma-vs-semi-colon {
  81. one: a;
  82. two: b, c;
  83. one: d, e;
  84. two: f;
  85. one: g;
  86. one: h;
  87. one: i;
  88. one: j;
  89. one: k;
  90. two: l;
  91. one: m, n;
  92. one: o, p;
  93. two: q;
  94. one: r, s;
  95. two: t;
  96. }
  97. #named-conflict {
  98. four: a, 11, 12, 13;
  99. four: a, 21, 22, 23;
  100. }
  101. .test-mixin-default-arg {
  102. defaults: 1px 1px 1px;
  103. defaults: 2px 2px 2px;
  104. }
  105. .selector {
  106. margin: 2, 2, 2, 2;
  107. }
  108. .selector2 {
  109. margin: 2, 2, 2, 2;
  110. }
  111. .selector3 {
  112. margin: 4;
  113. }
  114. mixins-args-expand-op-1 {
  115. m3: 1, 2, 3;
  116. }
  117. mixins-args-expand-op-2 {
  118. m3: 4, 5, 6;
  119. }
  120. mixins-args-expand-op-3a {
  121. m3: a, b, c;
  122. }
  123. mixins-args-expand-op-3b {
  124. m4: 0, a, b, c;
  125. }
  126. mixins-args-expand-op-3c {
  127. m4: a, b, c, 4;
  128. }
  129. mixins-args-expand-op-4a {
  130. m3: a, b, c, d;
  131. }
  132. mixins-args-expand-op-4b {
  133. m4: 0, a, b, c, d;
  134. }
  135. mixins-args-expand-op-4c {
  136. m4: a, b, c, d, 4;
  137. }
  138. mixins-args-expand-op-5a {
  139. m3: 1, 2, 3;
  140. }
  141. mixins-args-expand-op-5b {
  142. m4: 0, 1, 2, 3;
  143. }
  144. mixins-args-expand-op-5c {
  145. m4: 1, 2, 3, 4;
  146. }
  147. mixins-args-expand-op-6 {
  148. m4: 0, 1, 2, 3;
  149. }
  150. mixins-args-expand-op-7 {
  151. m4: 0, 1, 2, 3;
  152. }
  153. mixins-args-expand-op-8 {
  154. m4: 1, 1.5, 2, 3;
  155. }
  156. mixins-args-expand-op-9 {
  157. aa: 4 5 6 1 2 3 and again 4 5 6;
  158. a4: and;
  159. a8: 5;
  160. }
  161. #test-mixin-matching-when-default-2645 {
  162. height: 20px;
  163. }