variables.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .variables {
  2. width: 14cm;
  3. }
  4. .variable-dash .q {
  5. padding: 30px 15px;
  6. }
  7. .variables {
  8. height: 24px;
  9. color: #888;
  10. font-family: "Trebuchet MS", Verdana, sans-serif;
  11. quotes: "~" "~";
  12. }
  13. .redef {
  14. zero: 0;
  15. }
  16. .redef .inition {
  17. three: 3;
  18. }
  19. .values {
  20. minus-one: -1;
  21. font-family: 'Trebuchet', 'Trebuchet', 'Trebuchet';
  22. color: #888 !important;
  23. same-color: #888 !important;
  24. same-again: #888 !important;
  25. multi-important: #888 #888, 'Trebuchet' !important;
  26. multi: something 'A', B, C, 'Trebuchet';
  27. }
  28. .variable-names .quoted {
  29. name: 'hello';
  30. }
  31. .variable-names .unquoted {
  32. name: 'hello';
  33. }
  34. .variable-names .color-keyword {
  35. name: 'hello';
  36. }
  37. .alpha {
  38. filter: alpha(opacity=42);
  39. }
  40. .testPollution {
  41. a: 'no-pollution';
  42. }
  43. .units {
  44. width: 1px;
  45. same-unit-as-previously: 1px;
  46. square-pixel-divided: 1px;
  47. odd-unit: 2;
  48. percentage: 500%;
  49. pixels: 500px;
  50. conversion-metric-a: 30mm;
  51. conversion-metric-b: 3cm;
  52. conversion-imperial: 3in;
  53. custom-unit: 420octocats;
  54. custom-unit-cancelling: 18dogs;
  55. mix-units: 2px;
  56. invalid-units: 1px;
  57. }
  58. .units .fallback {
  59. div-px-1: 10px;
  60. div-px-2: 1px;
  61. sub-px-1: 12.6px;
  62. sub-cm-1: 9.666625cm;
  63. mul-px-1: 19.6px;
  64. mul-em-1: 19.6em;
  65. mul-em-2: 196em;
  66. mul-cm-1: 196cm;
  67. add-px-1: 15.4px;
  68. add-px-2: 393.35275591px;
  69. mul-px-2: 140px;
  70. mul-px-3: 140px;
  71. }