extract-and-length.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. .multiunit {
  2. length: 6;
  3. extract: abc "abc" 1 1px 1% #123;
  4. }
  5. .incorrect-index {
  6. v1: extract(a b c, 5);
  7. v2: extract(a, b, c, -2);
  8. }
  9. .scalar {
  10. var-value: variable;
  11. var-length: 1;
  12. ill-index: extract(variable, 2);
  13. name-value: name;
  14. string-value: "string";
  15. number-value: 12345678;
  16. color-value: blue;
  17. rgba-value: rgba(80, 160, 240, 0.67);
  18. empty-value: ;
  19. name-length: 1;
  20. string-length: 1;
  21. number-length: 1;
  22. color-length: 1;
  23. rgba-length: 1;
  24. empty-length: 1;
  25. }
  26. .mixin-arguments-1 {
  27. length: 4;
  28. extract: c | b | a;
  29. }
  30. .mixin-arguments-2 {
  31. length: 4;
  32. extract: c | b | a;
  33. }
  34. .mixin-arguments-3 {
  35. length: 4;
  36. extract: c | b | a;
  37. }
  38. .mixin-arguments-4 {
  39. length: 0;
  40. extract: extract(, 2) | extract(, 1);
  41. }
  42. .mixin-arguments-2 {
  43. length: 4;
  44. extract: c | b | a;
  45. }
  46. .mixin-arguments-3 {
  47. length: 4;
  48. extract: c | b | a;
  49. }
  50. .mixin-arguments-4 {
  51. length: 3;
  52. extract: c | b;
  53. }
  54. .mixin-arguments-2 {
  55. length: 4;
  56. extract: 3 | 2 | 1;
  57. }
  58. .mixin-arguments-3 {
  59. length: 4;
  60. extract: 3 | 2 | 1;
  61. }
  62. .mixin-arguments-4 {
  63. length: 3;
  64. extract: 3 | 2;
  65. }
  66. .md-space-comma {
  67. length-1: 3;
  68. extract-1: 1 2 3;
  69. length-2: 3;
  70. extract-2: 2;
  71. }
  72. .md-space-comma-as-args-2 {
  73. length: 3;
  74. extract: "x" "y" "z" | 1 2 3 | a b c;
  75. }
  76. .md-space-comma-as-args-3 {
  77. length: 3;
  78. extract: "x" "y" "z" | 1 2 3 | a b c;
  79. }
  80. .md-space-comma-as-args-4 {
  81. length: 2;
  82. extract: "x" "y" "z" | 1 2 3;
  83. }
  84. .md-cat-space-comma {
  85. length-1: 3;
  86. extract-1: 1 2 3;
  87. length-2: 3;
  88. extract-2: 2;
  89. }
  90. .md-cat-space-comma-as-args-2 {
  91. length: 3;
  92. extract: "x" "y" "z" | 1 2 3 | a b c;
  93. }
  94. .md-cat-space-comma-as-args-3 {
  95. length: 3;
  96. extract: "x" "y" "z" | 1 2 3 | a b c;
  97. }
  98. .md-cat-space-comma-as-args-4 {
  99. length: 2;
  100. extract: "x" "y" "z" | 1 2 3;
  101. }
  102. .md-cat-comma-space {
  103. length-1: 3;
  104. extract-1: 1, 2, 3;
  105. length-2: 3;
  106. extract-2: 2;
  107. }
  108. .md-cat-comma-space-as-args-1 {
  109. length: 3;
  110. extract: "x", "y", "z" | 1, 2, 3 | a, b, c;
  111. }
  112. .md-cat-comma-space-as-args-2 {
  113. length: 3;
  114. extract: "x", "y", "z" | 1, 2, 3 | a, b, c;
  115. }
  116. .md-cat-comma-space-as-args-3 {
  117. length: 3;
  118. extract: "x", "y", "z" | 1, 2, 3 | a, b, c;
  119. }
  120. .md-cat-comma-space-as-args-4 {
  121. length: 0;
  122. extract: extract(, 2) | extract(, 1);
  123. }
  124. .md-3D {
  125. length-1: 2;
  126. extract-1: a b c d, 1 2 3 4;
  127. length-2: 2;
  128. extract-2: 5 6 7 8;
  129. length-3: 4;
  130. extract-3: 7;
  131. length-4: 1;
  132. extract-4: 8;
  133. }