mixins-args.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. #hidden {
  2. color: transparent;
  3. }
  4. #hidden1 {
  5. color: transparent;
  6. }
  7. .two-args {
  8. color: blue;
  9. width: 10px;
  10. height: 99%;
  11. border: 2px dotted black;
  12. }
  13. .one-arg {
  14. width: 15px;
  15. height: 49%;
  16. }
  17. .no-parens {
  18. width: 5px;
  19. height: 49%;
  20. }
  21. .no-args {
  22. width: 5px;
  23. height: 49%;
  24. }
  25. .var-args {
  26. width: 45;
  27. height: 17%;
  28. }
  29. .multi-mix {
  30. width: 10px;
  31. height: 29%;
  32. margin: 4;
  33. padding: 5;
  34. }
  35. body {
  36. padding: 30px;
  37. color: #f00;
  38. }
  39. .scope-mix {
  40. width: 8;
  41. }
  42. .content {
  43. width: 600px;
  44. }
  45. .content .column {
  46. margin: 600px;
  47. }
  48. #same-var-name {
  49. radius: 5px;
  50. }
  51. #var-inside {
  52. width: 10px;
  53. }
  54. .arguments {
  55. border: 1px solid black;
  56. width: 1px;
  57. }
  58. .arguments2 {
  59. border: 0px;
  60. width: 0px;
  61. }
  62. .arguments3 {
  63. border: 0px;
  64. width: 0px;
  65. }
  66. .arguments4 {
  67. border: 0 1 2 3 4;
  68. rest: 1 2 3 4;
  69. width: 0;
  70. }
  71. .edge-case {
  72. border: "{";
  73. width: "{";
  74. }
  75. .slash-vs-math {
  76. border-radius: 0.4px;
  77. border-radius: 0.5px;
  78. border-radius: 6px;
  79. }
  80. .comma-vs-semi-colon {
  81. one: a;
  82. two: b, c;
  83. one: d, e;
  84. two: f;
  85. one: g;
  86. one: h;
  87. one: i;
  88. one: j;
  89. one: k;
  90. two: l;
  91. one: m, n;
  92. one: o, p;
  93. two: q;
  94. one: r, s;
  95. two: t;
  96. }
  97. #named-conflict {
  98. four: a, 11, 12, 13;
  99. four: a, 21, 22, 23;
  100. }
  101. .test-mixin-default-arg {
  102. defaults: 1px 1px 1px;
  103. defaults: 2px 2px 2px;
  104. }
  105. .selector {
  106. margin: 2, 2, 2, 2;
  107. }
  108. .selector2 {
  109. margin: 2, 2, 2, 2;
  110. }
  111. .selector3 {
  112. margin: 4;
  113. }