variables.less 764 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. @a: 2;
  2. @x: @a * @a;
  3. @y: @x + 1;
  4. @z: @y + @x * 2;
  5. @m: @z % @y;
  6. @nice-blue: #5B83AD;
  7. @light-blue: @nice-blue + #111;
  8. @rgb-color: rgb(20%, 15%, 80%);
  9. @rgba-color: rgba(23,68,149,0.5);
  10. @b: @a * 10px;
  11. @c: #888;
  12. @fonts: "Trebuchet MS", Verdana, sans-serif;
  13. .variables {
  14. width: @z + 1cm; // 14cm
  15. height: @b + @x + 0px; // 24px
  16. margin-top: -@b; // -20px
  17. margin-bottom: 10 - -@b; // 30px
  18. @d: @c + #001;
  19. color: @d;
  20. background: @light-blue;
  21. font-family: @fonts;
  22. margin: @m + 0px; // 3px
  23. font: 10px/12px serif;
  24. font: 120%/120% serif;
  25. }
  26. .external {
  27. color: @c;
  28. border: 1px solid @rgb-color;
  29. background: @rgba-color;
  30. padding: @nonexistant + 4px;
  31. }
  32. @hello: 44px;
  33. @something: "hello";
  34. @cool: something;
  35. color: @@something;
  36. color: @@@cool;