mixins-guards.css 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. .light1 {
  2. color: white;
  3. margin: 1px;
  4. }
  5. .light2 {
  6. color: black;
  7. margin: 1px;
  8. }
  9. .max1 {
  10. width: 6;
  11. }
  12. .max2 {
  13. width: 8;
  14. }
  15. .glob1 {
  16. margin: auto auto;
  17. }
  18. .ops1 {
  19. height: gt-or-eq;
  20. height: lt-or-eq;
  21. height: lt-or-eq-alias;
  22. }
  23. .ops2 {
  24. height: gt-or-eq;
  25. height: not-eq;
  26. }
  27. .ops3 {
  28. height: lt-or-eq;
  29. height: lt-or-eq-alias;
  30. height: not-eq;
  31. }
  32. .default1 {
  33. content: default;
  34. }
  35. .test1 {
  36. content: "true.";
  37. }
  38. .test2 {
  39. content: "false.";
  40. }
  41. .test3 {
  42. content: "false.";
  43. }
  44. .test4 {
  45. content: "false.";
  46. }
  47. .test5 {
  48. content: "false.";
  49. }
  50. .bool1 {
  51. content: true and true;
  52. content: true;
  53. content: false, true;
  54. content: false and true and true, true;
  55. content: false, true and true;
  56. content: false, false, true;
  57. content: false, true and true and true, false;
  58. content: not false;
  59. content: not false and false, not false;
  60. }
  61. .equality-units {
  62. test: pass;
  63. }
  64. .colorguardtest {
  65. content: is red;
  66. content: is not blue its red;
  67. content: is not blue its purple;
  68. }
  69. .stringguardtest {
  70. content: "theme1" is "theme1";
  71. content: "theme1" is not "theme2";
  72. content: "theme1" is 'theme1';
  73. content: "theme1" is not 'theme2';
  74. content: 'theme1' is "theme1";
  75. content: 'theme1' is not "theme2";
  76. content: 'theme1' is 'theme1';
  77. content: 'theme1' is not 'theme2';
  78. content: theme1 is not "theme2";
  79. content: theme1 is not 'theme2';
  80. content: theme1 is theme1;
  81. }
  82. .variouse-types-comparison {
  83. /**/
  84. content: true is not equal to false;
  85. content: false is not equal to true too;
  86. /**/
  87. content: 1 is not equal to true;
  88. content: true is not equal to 1 too;
  89. /**/
  90. content: 2 is equal to 2px;
  91. content: 2px is equal to 2 too;
  92. /**/
  93. content: 3 is equal to 3;
  94. content: 3 is equal to 3 too;
  95. /**/
  96. content: 5 is not equal to 4;
  97. content: 4 is not equal to 5 too;
  98. /**/
  99. content: abc is equal to abc;
  100. content: abc is equal to abc too;
  101. /**/
  102. content: abc is not equal to "abc";
  103. content: "abc" is not equal to abc too;
  104. /**/
  105. content: 'abc' is less than "abd";
  106. content: "abd" is greater than 'abc' too;
  107. content: 'abc' is not equal to "abd";
  108. content: "abd" is not equal to 'abc' too;
  109. /**/
  110. content: 6 is equal to 6;
  111. content: 6 is equal to 6 too;
  112. /**/
  113. content: 8 is less than 9 too;
  114. content: 9 is greater than 8;
  115. content: 9 is not equal to 8;
  116. content: 8 is not equal to 9 too;
  117. /**/
  118. content: a is not equal to b;
  119. content: b is not equal to a too;
  120. /**/
  121. content: 1 2 is not equal to 3;
  122. content: 3 is not equal to 1 2 too;
  123. }
  124. .list-comparison {
  125. /**/
  126. content: a b c is equal to a b c;
  127. content: a b c is equal to a b c too;
  128. /**/
  129. content: a b c is not equal to a b d;
  130. content: a b d is not equal to a b c too;
  131. /**/
  132. content: a, b, c is equal to a, b, c;
  133. content: a, b, c is equal to a, b, c too;
  134. /**/
  135. content: a, b, c is not equal to a, b, d;
  136. content: a, b, d is not equal to a, b, c too;
  137. /**/
  138. content: 1 2px 300ms is equal to 1em 2 0.3s;
  139. content: 1em 2 0.3s is equal to 1 2px 300ms too;
  140. /**/
  141. content: 1 2 3 is not equal to 1, 2, 3;
  142. content: 1, 2, 3 is not equal to 1 2 3 too;
  143. /**/
  144. content: 1, 2, 3 is equal to 1, 2, 3;
  145. content: 1, 2, 3 is equal to 1, 2, 3 too;
  146. /**/
  147. content: 1 2 3 1, 2, 3 is equal to 1 2 3 1, 2, 3;
  148. content: 1 2 3 1, 2, 3 is equal to 1 2 3 1, 2, 3 too;
  149. /**/
  150. content: 1 2 3 1, 2, 3 is not equal to 1, 2, 3 1 2 3;
  151. content: 1, 2, 3 1 2 3 is not equal to 1 2 3 1, 2, 3 too;
  152. /**/
  153. content: 1 2 3 1, 2, 3 4 is equal to 1 2 3 1, 2, 3 4;
  154. content: 1 2 3 1, 2, 3 4 is equal to 1 2 3 1, 2, 3 4 too;
  155. }
  156. #tryNumberPx {
  157. catch: all;
  158. declare: 4;
  159. declare: 4px;
  160. }
  161. .call-lock-mixin .call-inner-lock-mixin {
  162. a: 1;
  163. x: 1;
  164. }
  165. .mixin-generated-class {
  166. a: 1;
  167. }
  168. #guarded-caller {
  169. guarded: namespace;
  170. silent: namespace;
  171. guarded: with default;
  172. }
  173. #guarded-deeper {
  174. should: match 1;
  175. }
  176. #parenthesisNot-true {
  177. parenthesisNot: just-value;
  178. parenthesisNot: negated twice 1;
  179. parenthesisNot: negated twice 2;
  180. parenthesisNot: negated twice 3;
  181. }
  182. #parenthesisNot-false {
  183. parenthesisNot: negated once inside;
  184. parenthesisNot: negated once outside;
  185. parenthesisNot: negated once middle;
  186. }
  187. #orderOfEvaluation-false-false-true {
  188. no-parenthesis: evaluated true 1a;
  189. no-parenthesis: evaluated true 1b;
  190. no-parenthesis: evaluated true 1d;
  191. no-parenthesis: evaluated true 3;
  192. no-parenthesis: evaluated true 4;
  193. with-parenthesis: evaluated true;
  194. }
  195. #orderOfEvaluation-false-false-false {
  196. no-parenthesis: evaluated true 2a;
  197. no-parenthesis: evaluated true 2b;
  198. no-parenthesis: evaluated true 2c;
  199. }
  200. #orderOfEvaluation-true-true-false {
  201. no-parenthesis: evaluated true 1a;
  202. no-parenthesis: evaluated true 1b;
  203. no-parenthesis: evaluated true 1c;
  204. no-parenthesis: evaluated true 1d;
  205. no-parenthesis: evaluated true 1e;
  206. no-parenthesis: evaluated true 2a;
  207. no-parenthesis: evaluated true 2b;
  208. no-parenthesis: evaluated true 2c;
  209. no-parenthesis: evaluated true 4;
  210. with-parenthesis: evaluated true;
  211. }