guards.less 931 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. .simple(@hi) when (@hi) {
  2. color: yellow;
  3. }
  4. .something(@hi) when (@hi = cool) {
  5. color: red;
  6. }
  7. .another(@x) when (@x > 10) {
  8. color: green;
  9. }
  10. .flipped(@x) when (@x =< 10) {
  11. color: teal;
  12. }
  13. .yeah(@arg) when (isnumber(@arg)) {
  14. color: purple;
  15. }
  16. .yeah(@arg) when (ispixel(@arg)) {
  17. color: silver;
  18. }
  19. .hello(@arg) when not (@arg) {
  20. color: orange;
  21. }
  22. dd {
  23. .simple(true);
  24. .simple(2344px);
  25. }
  26. b {
  27. .something(cool);
  28. .something(birthday);
  29. }
  30. img {
  31. .another(12);
  32. .another(2);
  33. .flipped(12);
  34. .flipped(2);
  35. }
  36. body {
  37. .yeah("world");
  38. .yeah(232px);
  39. .yeah(232);
  40. .hello(true);
  41. }
  42. .something(@x) when (@x) and (@y), not (@x = what) {
  43. color: blue;
  44. }
  45. div {
  46. @y: true;
  47. .something(true);
  48. }
  49. pre {
  50. .something(what);
  51. }
  52. .coloras(@g) when (iscolor(@g)) {
  53. color: true @g;
  54. }
  55. link {
  56. .coloras(red);
  57. .coloras(10px);
  58. .coloras(ffjref);
  59. .coloras(#fff);
  60. .coloras(#fffddd);
  61. .coloras(rgb(0,0,0));
  62. .coloras(rgba(0,0,0, .34));
  63. }