cacao-css 6.0.0 → 6.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (264) hide show
  1. package/README.md +7 -14
  2. package/dist/embed/embed.css +5 -5
  3. package/dist/gutter/2xl/all.css +60 -10
  4. package/dist/gutter/2xl/gutter.css +7 -0
  5. package/dist/gutter/2xl/horizontal.css +60 -10
  6. package/dist/gutter/2xl/variables.css +26 -0
  7. package/dist/gutter/2xl/vertical.css +60 -10
  8. package/dist/gutter/2xs/all.css +60 -10
  9. package/dist/gutter/2xs/gutter.css +7 -0
  10. package/dist/gutter/2xs/horizontal.css +60 -10
  11. package/dist/gutter/2xs/variables.css +26 -0
  12. package/dist/gutter/2xs/vertical.css +60 -10
  13. package/dist/gutter/3xl/all.css +60 -10
  14. package/dist/gutter/3xl/gutter.css +7 -0
  15. package/dist/gutter/3xl/horizontal.css +60 -10
  16. package/dist/gutter/3xl/variables.css +26 -0
  17. package/dist/gutter/3xl/vertical.css +60 -10
  18. package/dist/gutter/3xs/all.css +60 -10
  19. package/dist/gutter/3xs/gutter.css +7 -0
  20. package/dist/gutter/3xs/horizontal.css +60 -10
  21. package/dist/gutter/3xs/variables.css +26 -0
  22. package/dist/gutter/3xs/vertical.css +60 -10
  23. package/dist/gutter/4xl/all.css +60 -10
  24. package/dist/gutter/4xl/gutter.css +7 -0
  25. package/dist/gutter/4xl/horizontal.css +60 -10
  26. package/dist/gutter/4xl/variables.css +26 -0
  27. package/dist/gutter/4xl/vertical.css +60 -10
  28. package/dist/gutter/5xl/all.css +60 -10
  29. package/dist/gutter/5xl/gutter.css +7 -0
  30. package/dist/gutter/5xl/horizontal.css +60 -10
  31. package/dist/gutter/5xl/variables.css +26 -0
  32. package/dist/gutter/5xl/vertical.css +60 -10
  33. package/dist/gutter/all.css +62 -11
  34. package/dist/gutter/gutter.css +7 -0
  35. package/dist/gutter/horizontal.css +62 -11
  36. package/dist/gutter/lg/all.css +60 -10
  37. package/dist/gutter/lg/gutter.css +7 -0
  38. package/dist/gutter/lg/horizontal.css +60 -10
  39. package/dist/gutter/lg/variables.css +26 -0
  40. package/dist/gutter/lg/vertical.css +60 -10
  41. package/dist/gutter/md/all.css +60 -10
  42. package/dist/gutter/md/gutter.css +7 -0
  43. package/dist/gutter/md/horizontal.css +60 -10
  44. package/dist/gutter/md/variables.css +26 -0
  45. package/dist/gutter/md/vertical.css +60 -10
  46. package/dist/gutter/sm/all.css +60 -10
  47. package/dist/gutter/sm/gutter.css +7 -0
  48. package/dist/gutter/sm/horizontal.css +60 -10
  49. package/dist/gutter/sm/variables.css +26 -0
  50. package/dist/gutter/sm/vertical.css +60 -10
  51. package/dist/gutter/variables.css +24 -0
  52. package/dist/gutter/vertical.css +62 -11
  53. package/dist/gutter/xl/all.css +60 -10
  54. package/dist/gutter/xl/gutter.css +7 -0
  55. package/dist/gutter/xl/horizontal.css +60 -10
  56. package/dist/gutter/xl/variables.css +26 -0
  57. package/dist/gutter/xl/vertical.css +60 -10
  58. package/dist/gutter/xs/all.css +60 -10
  59. package/dist/gutter/xs/gutter.css +7 -0
  60. package/dist/gutter/xs/horizontal.css +60 -10
  61. package/dist/gutter/xs/variables.css +26 -0
  62. package/dist/gutter/xs/vertical.css +60 -10
  63. package/dist/image/image.css +6 -7
  64. package/dist/image/variables.css +14 -0
  65. package/dist/imports.css +1778 -0
  66. package/dist/margin/2xl/all.css +49 -9
  67. package/dist/margin/2xl/bottom.css +49 -9
  68. package/dist/margin/2xl/end.css +49 -9
  69. package/dist/margin/2xl/horizontal.css +65 -15
  70. package/dist/margin/2xl/margin.css +11 -0
  71. package/dist/margin/2xl/start.css +49 -9
  72. package/dist/margin/2xl/top.css +49 -9
  73. package/dist/margin/2xl/vertical.css +65 -15
  74. package/dist/margin/2xs/all.css +49 -9
  75. package/dist/margin/2xs/bottom.css +49 -9
  76. package/dist/margin/2xs/end.css +49 -9
  77. package/dist/margin/2xs/horizontal.css +65 -15
  78. package/dist/margin/2xs/margin.css +11 -0
  79. package/dist/margin/2xs/start.css +49 -9
  80. package/dist/margin/2xs/top.css +49 -9
  81. package/dist/margin/2xs/vertical.css +65 -15
  82. package/dist/margin/3xl/all.css +49 -9
  83. package/dist/margin/3xl/bottom.css +49 -9
  84. package/dist/margin/3xl/end.css +49 -9
  85. package/dist/margin/3xl/horizontal.css +65 -15
  86. package/dist/margin/3xl/margin.css +11 -0
  87. package/dist/margin/3xl/start.css +49 -9
  88. package/dist/margin/3xl/top.css +49 -9
  89. package/dist/margin/3xl/vertical.css +65 -15
  90. package/dist/margin/3xs/all.css +49 -9
  91. package/dist/margin/3xs/bottom.css +49 -9
  92. package/dist/margin/3xs/end.css +49 -9
  93. package/dist/margin/3xs/horizontal.css +65 -15
  94. package/dist/margin/3xs/margin.css +11 -0
  95. package/dist/margin/3xs/start.css +49 -9
  96. package/dist/margin/3xs/top.css +49 -9
  97. package/dist/margin/3xs/vertical.css +65 -15
  98. package/dist/margin/4xl/all.css +49 -9
  99. package/dist/margin/4xl/bottom.css +49 -9
  100. package/dist/margin/4xl/end.css +49 -9
  101. package/dist/margin/4xl/horizontal.css +65 -15
  102. package/dist/margin/4xl/margin.css +11 -0
  103. package/dist/margin/4xl/start.css +49 -9
  104. package/dist/margin/4xl/top.css +49 -9
  105. package/dist/margin/4xl/vertical.css +65 -15
  106. package/dist/margin/5xl/all.css +49 -9
  107. package/dist/margin/5xl/bottom.css +49 -9
  108. package/dist/margin/5xl/end.css +49 -9
  109. package/dist/margin/5xl/horizontal.css +65 -15
  110. package/dist/margin/5xl/margin.css +11 -0
  111. package/dist/margin/5xl/start.css +49 -9
  112. package/dist/margin/5xl/top.css +49 -9
  113. package/dist/margin/5xl/vertical.css +65 -15
  114. package/dist/margin/all.css +50 -9
  115. package/dist/margin/bottom.css +50 -9
  116. package/dist/margin/end.css +50 -9
  117. package/dist/margin/horizontal.css +66 -15
  118. package/dist/margin/lg/all.css +49 -9
  119. package/dist/margin/lg/bottom.css +49 -9
  120. package/dist/margin/lg/end.css +49 -9
  121. package/dist/margin/lg/horizontal.css +65 -15
  122. package/dist/margin/lg/margin.css +11 -0
  123. package/dist/margin/lg/start.css +49 -9
  124. package/dist/margin/lg/top.css +49 -9
  125. package/dist/margin/lg/vertical.css +65 -15
  126. package/dist/margin/margin.css +11 -0
  127. package/dist/margin/md/all.css +49 -9
  128. package/dist/margin/md/bottom.css +49 -9
  129. package/dist/margin/md/end.css +49 -9
  130. package/dist/margin/md/horizontal.css +65 -15
  131. package/dist/margin/md/margin.css +11 -0
  132. package/dist/margin/md/start.css +49 -9
  133. package/dist/margin/md/top.css +49 -9
  134. package/dist/margin/md/vertical.css +65 -15
  135. package/dist/margin/sm/all.css +49 -9
  136. package/dist/margin/sm/bottom.css +49 -9
  137. package/dist/margin/sm/end.css +49 -9
  138. package/dist/margin/sm/horizontal.css +65 -15
  139. package/dist/margin/sm/margin.css +11 -0
  140. package/dist/margin/sm/start.css +49 -9
  141. package/dist/margin/sm/top.css +49 -9
  142. package/dist/margin/sm/vertical.css +65 -15
  143. package/dist/margin/start.css +50 -9
  144. package/dist/margin/top.css +50 -9
  145. package/dist/margin/variables.css +24 -0
  146. package/dist/margin/vertical.css +66 -15
  147. package/dist/margin/xl/all.css +49 -9
  148. package/dist/margin/xl/bottom.css +49 -9
  149. package/dist/margin/xl/end.css +49 -9
  150. package/dist/margin/xl/horizontal.css +65 -15
  151. package/dist/margin/xl/margin.css +11 -0
  152. package/dist/margin/xl/start.css +49 -9
  153. package/dist/margin/xl/top.css +49 -9
  154. package/dist/margin/xl/vertical.css +65 -15
  155. package/dist/margin/xs/all.css +49 -9
  156. package/dist/margin/xs/bottom.css +49 -9
  157. package/dist/margin/xs/end.css +49 -9
  158. package/dist/margin/xs/horizontal.css +65 -15
  159. package/dist/margin/xs/margin.css +11 -0
  160. package/dist/margin/xs/start.css +49 -9
  161. package/dist/margin/xs/top.css +49 -9
  162. package/dist/margin/xs/vertical.css +65 -15
  163. package/dist/media.css +0 -6
  164. package/dist/padding/2xl/all.css +49 -9
  165. package/dist/padding/2xl/bottom.css +49 -9
  166. package/dist/padding/2xl/end.css +49 -9
  167. package/dist/padding/2xl/horizontal.css +65 -15
  168. package/dist/padding/2xl/padding.css +11 -0
  169. package/dist/padding/2xl/start.css +49 -9
  170. package/dist/padding/2xl/top.css +49 -9
  171. package/dist/padding/2xl/vertical.css +65 -15
  172. package/dist/padding/2xs/all.css +49 -9
  173. package/dist/padding/2xs/bottom.css +49 -9
  174. package/dist/padding/2xs/end.css +49 -9
  175. package/dist/padding/2xs/horizontal.css +65 -15
  176. package/dist/padding/2xs/padding.css +11 -0
  177. package/dist/padding/2xs/start.css +49 -9
  178. package/dist/padding/2xs/top.css +49 -9
  179. package/dist/padding/2xs/vertical.css +65 -15
  180. package/dist/padding/3xl/all.css +49 -9
  181. package/dist/padding/3xl/bottom.css +49 -9
  182. package/dist/padding/3xl/end.css +49 -9
  183. package/dist/padding/3xl/horizontal.css +65 -15
  184. package/dist/padding/3xl/padding.css +11 -0
  185. package/dist/padding/3xl/start.css +49 -9
  186. package/dist/padding/3xl/top.css +49 -9
  187. package/dist/padding/3xl/vertical.css +65 -15
  188. package/dist/padding/3xs/all.css +49 -9
  189. package/dist/padding/3xs/bottom.css +49 -9
  190. package/dist/padding/3xs/end.css +49 -9
  191. package/dist/padding/3xs/horizontal.css +65 -15
  192. package/dist/padding/3xs/padding.css +11 -0
  193. package/dist/padding/3xs/start.css +49 -9
  194. package/dist/padding/3xs/top.css +49 -9
  195. package/dist/padding/3xs/vertical.css +65 -15
  196. package/dist/padding/4xl/all.css +49 -9
  197. package/dist/padding/4xl/bottom.css +49 -9
  198. package/dist/padding/4xl/end.css +49 -9
  199. package/dist/padding/4xl/horizontal.css +65 -15
  200. package/dist/padding/4xl/padding.css +11 -0
  201. package/dist/padding/4xl/start.css +49 -9
  202. package/dist/padding/4xl/top.css +49 -9
  203. package/dist/padding/4xl/vertical.css +65 -15
  204. package/dist/padding/5xl/all.css +49 -9
  205. package/dist/padding/5xl/bottom.css +49 -9
  206. package/dist/padding/5xl/end.css +49 -9
  207. package/dist/padding/5xl/horizontal.css +65 -15
  208. package/dist/padding/5xl/padding.css +11 -0
  209. package/dist/padding/5xl/start.css +49 -9
  210. package/dist/padding/5xl/top.css +49 -9
  211. package/dist/padding/5xl/vertical.css +65 -15
  212. package/dist/padding/all.css +50 -9
  213. package/dist/padding/bottom.css +50 -9
  214. package/dist/padding/end.css +50 -9
  215. package/dist/padding/horizontal.css +66 -15
  216. package/dist/padding/lg/all.css +49 -9
  217. package/dist/padding/lg/bottom.css +49 -9
  218. package/dist/padding/lg/end.css +49 -9
  219. package/dist/padding/lg/horizontal.css +65 -15
  220. package/dist/padding/lg/padding.css +11 -0
  221. package/dist/padding/lg/start.css +49 -9
  222. package/dist/padding/lg/top.css +49 -9
  223. package/dist/padding/lg/vertical.css +65 -15
  224. package/dist/padding/md/all.css +49 -9
  225. package/dist/padding/md/bottom.css +49 -9
  226. package/dist/padding/md/end.css +49 -9
  227. package/dist/padding/md/horizontal.css +65 -15
  228. package/dist/padding/md/padding.css +11 -0
  229. package/dist/padding/md/start.css +49 -9
  230. package/dist/padding/md/top.css +49 -9
  231. package/dist/padding/md/vertical.css +65 -15
  232. package/dist/padding/padding.css +11 -0
  233. package/dist/padding/sm/all.css +49 -9
  234. package/dist/padding/sm/bottom.css +49 -9
  235. package/dist/padding/sm/end.css +49 -9
  236. package/dist/padding/sm/horizontal.css +65 -15
  237. package/dist/padding/sm/padding.css +11 -0
  238. package/dist/padding/sm/start.css +49 -9
  239. package/dist/padding/sm/top.css +49 -9
  240. package/dist/padding/sm/vertical.css +65 -15
  241. package/dist/padding/start.css +50 -9
  242. package/dist/padding/top.css +50 -9
  243. package/dist/padding/variables.css +24 -0
  244. package/dist/padding/vertical.css +66 -15
  245. package/dist/padding/xl/all.css +49 -9
  246. package/dist/padding/xl/bottom.css +49 -9
  247. package/dist/padding/xl/end.css +49 -9
  248. package/dist/padding/xl/horizontal.css +65 -15
  249. package/dist/padding/xl/padding.css +11 -0
  250. package/dist/padding/xl/start.css +49 -9
  251. package/dist/padding/xl/top.css +49 -9
  252. package/dist/padding/xl/vertical.css +65 -15
  253. package/dist/padding/xs/all.css +49 -9
  254. package/dist/padding/xs/bottom.css +49 -9
  255. package/dist/padding/xs/end.css +49 -9
  256. package/dist/padding/xs/horizontal.css +65 -15
  257. package/dist/padding/xs/padding.css +11 -0
  258. package/dist/padding/xs/start.css +49 -9
  259. package/dist/padding/xs/top.css +49 -9
  260. package/dist/padding/xs/vertical.css +65 -15
  261. package/package.json +6 -3
  262. package/scripts/v6/convert-classes.js +3 -0
  263. package/scripts/v6/convert-imports.js +4 -0
  264. /package/dist/{links/links.css → link/link.css} +0 -0
package/dist/margin/2xl/all.css CHANGED
@@ -1,29 +1,69 @@
1
- /* =========================================================================== *\
2
- All sides margin utilities
3
- \* =========================================================================== */
1
+ /* =========================================================================== *
2
+ All sides margin utilities
3
+ * =========================================================================== */
4
4
 
5
5
  @media (--m-2xl) {
6
6
  .m-0-2xl {
7
- margin: 0;
7
+ margin: var(--margin-0);
8
8
  }
9
9
 
10
10
  .m-1-2xl {
11
- margin: 10px;
11
+ margin: var(--margin-1);
12
12
  }
13
13
 
14
14
  .m-2-2xl {
15
- margin: 20px;
15
+ margin: var(--margin-2);
16
16
  }
17
17
 
18
18
  .m-3-2xl {
19
- margin: 30px;
19
+ margin: var(--margin-3);
20
20
  }
21
21
 
22
22
  .m-4-2xl {
23
- margin: 40px;
23
+ margin: var(--margin-4);
24
24
  }
25
25
 
26
26
  .m-5-2xl {
27
- margin: 50px;
27
+ margin: var(--margin-5);
28
+ }
29
+
30
+ .m-6-2xl {
31
+ margin: var(--margin-6);
32
+ }
33
+
34
+ .m-7-2xl {
35
+ margin: var(--margin-7);
36
+ }
37
+
38
+ .m-8-2xl {
39
+ margin: var(--margin-8);
40
+ }
41
+
42
+ .m-9-2xl {
43
+ margin: var(--margin-9);
44
+ }
45
+
46
+ .m-10-2xl {
47
+ margin: var(--margin-10);
48
+ }
49
+
50
+ .m-11-2xl {
51
+ margin: var(--margin-11);
52
+ }
53
+
54
+ .m-12-2xl {
55
+ margin: var(--margin-12);
56
+ }
57
+
58
+ .m-13-2xl {
59
+ margin: var(--margin-13);
60
+ }
61
+
62
+ .m-14-2xl {
63
+ margin: var(--margin-14);
64
+ }
65
+
66
+ .m-15-2xl {
67
+ margin: var(--margin-15);
28
68
  }
29
69
  }
package/dist/margin/2xl/bottom.css CHANGED
@@ -1,29 +1,69 @@
1
- /* =========================================================================== *\
2
- Bottom margin utilities
3
- \* =========================================================================== */
1
+ /* =========================================================================== *
2
+ Bottom margin utilities
3
+ * =========================================================================== */
4
4
 
5
5
  @media (--m-2xl) {
6
6
  .mb-0-2xl {
7
- margin-bottom: 0;
7
+ margin-bottom: var(--margin-0);
8
8
  }
9
9
 
10
10
  .mb-1-2xl {
11
- margin-bottom: 10px;
11
+ margin-bottom: var(--margin-1);
12
12
  }
13
13
 
14
14
  .mb-2-2xl {
15
- margin-bottom: 20px;
15
+ margin-bottom: var(--margin-2);
16
16
  }
17
17
 
18
18
  .mb-3-2xl {
19
- margin-bottom: 30px;
19
+ margin-bottom: var(--margin-3);
20
20
  }
21
21
 
22
22
  .mb-4-2xl {
23
- margin-bottom: 40px;
23
+ margin-bottom: var(--margin-4);
24
24
  }
25
25
 
26
26
  .mb-5-2xl {
27
- margin-bottom: 50px;
27
+ margin-bottom: var(--margin-5);
28
+ }
29
+
30
+ .mb-6-2xl {
31
+ margin-bottom: var(--margin-6);
32
+ }
33
+
34
+ .mb-7-2xl {
35
+ margin-bottom: var(--margin-7);
36
+ }
37
+
38
+ .mb-8-2xl {
39
+ margin-bottom: var(--margin-8);
40
+ }
41
+
42
+ .mb-9-2xl {
43
+ margin-bottom: var(--margin-9);
44
+ }
45
+
46
+ .mb-10-2xl {
47
+ margin-bottom: var(--margin-10);
48
+ }
49
+
50
+ .mb-11-2xl {
51
+ margin-bottom: var(--margin-11);
52
+ }
53
+
54
+ .mb-12-2xl {
55
+ margin-bottom: var(--margin-12);
56
+ }
57
+
58
+ .mb-13-2xl {
59
+ margin-bottom: var(--margin-13);
60
+ }
61
+
62
+ .mb-14-2xl {
63
+ margin-bottom: var(--margin-14);
64
+ }
65
+
66
+ .mb-15-2xl {
67
+ margin-bottom: var(--margin-15);
28
68
  }
29
69
  }
package/dist/margin/2xl/end.css CHANGED
@@ -1,29 +1,69 @@
1
- /* =========================================================================== *\
2
- End margin utilities
3
- \* =========================================================================== */
1
+ /* =========================================================================== *
2
+ End margin utilities
3
+ * =========================================================================== */
4
4
 
5
5
  @media (--m-2xl) {
6
6
  .me-0-2xl {
7
- margin-right: 0;
7
+ margin-right: var(--margin-0);
8
8
  }
9
9
 
10
10
  .me-1-2xl {
11
- margin-right: 10px;
11
+ margin-right: var(--margin-1);
12
12
  }
13
13
 
14
14
  .me-2-2xl {
15
- margin-right: 20px;
15
+ margin-right: var(--margin-2);
16
16
  }
17
17
 
18
18
  .me-3-2xl {
19
- margin-right: 30px;
19
+ margin-right: var(--margin-3);
20
20
  }
21
21
 
22
22
  .me-4-2xl {
23
- margin-right: 40px;
23
+ margin-right: var(--margin-4);
24
24
  }
25
25
 
26
26
  .me-5-2xl {
27
- margin-right: 50px;
27
+ margin-right: var(--margin-5);
28
+ }
29
+
30
+ .me-6-2xl {
31
+ margin-right: var(--margin-6);
32
+ }
33
+
34
+ .me-7-2xl {
35
+ margin-right: var(--margin-7);
36
+ }
37
+
38
+ .me-8-2xl {
39
+ margin-right: var(--margin-8);
40
+ }
41
+
42
+ .me-9-2xl {
43
+ margin-right: var(--margin-9);
44
+ }
45
+
46
+ .me-10-2xl {
47
+ margin-right: var(--margin-10);
48
+ }
49
+
50
+ .me-11-2xl {
51
+ margin-right: var(--margin-11);
52
+ }
53
+
54
+ .me-12-2xl {
55
+ margin-right: var(--margin-12);
56
+ }
57
+
58
+ .me-13-2xl {
59
+ margin-right: var(--margin-13);
60
+ }
61
+
62
+ .me-14-2xl {
63
+ margin-right: var(--margin-14);
64
+ }
65
+
66
+ .me-15-2xl {
67
+ margin-right: var(--margin-15);
28
68
  }
29
69
  }
package/dist/margin/2xl/horizontal.css CHANGED
@@ -1,35 +1,85 @@
1
- /* =========================================================================== *\
2
- Horizontal margin utilities
3
- \* =========================================================================== */
1
+ /* =========================================================================== *
2
+ Horizontal margin utilities
3
+ * =========================================================================== */
4
4
 
5
5
  @media (--m-2xl) {
6
6
  .mx-0-2xl {
7
- margin-left: 0;
8
- margin-right: 0;
7
+ margin-left: var(--margin-0);
8
+ margin-right: var(--margin-0);
9
9
  }
10
10
 
11
11
  .mx-1-2xl {
12
- margin-left: 10px;
13
- margin-right: 10px;
12
+ margin-left: var(--margin-1);
13
+ margin-right: var(--margin-1);
14
14
  }
15
15
 
16
16
  .mx-2-2xl {
17
- margin-left: 20px;
18
- margin-right: 20px;
17
+ margin-left: var(--margin-2);
18
+ margin-right: var(--margin-2);
19
19
  }
20
20
 
21
21
  .mx-3-2xl {
22
- margin-left: 30px;
23
- margin-right: 30px;
22
+ margin-left: var(--margin-3);
23
+ margin-right: var(--margin-3);
24
24
  }
25
25
 
26
26
  .mx-4-2xl {
27
- margin-left: 40px;
28
- margin-right: 40px;
27
+ margin-left: var(--margin-4);
28
+ margin-right: var(--margin-4);
29
29
  }
30
30
 
31
31
  .mx-5-2xl {
32
- margin-left: 50px;
33
- margin-right: 50px;
32
+ margin-left: var(--margin-5);
33
+ margin-right: var(--margin-5);
34
+ }
35
+
36
+ .mx-6-2xl {
37
+ margin-left: var(--margin-6);
38
+ margin-right: var(--margin-6);
39
+ }
40
+
41
+ .mx-7-2xl {
42
+ margin-left: var(--margin-7);
43
+ margin-right: var(--margin-7);
44
+ }
45
+
46
+ .mx-8-2xl {
47
+ margin-left: var(--margin-8);
48
+ margin-right: var(--margin-8);
49
+ }
50
+
51
+ .mx-9-2xl {
52
+ margin-left: var(--margin-9);
53
+ margin-right: var(--margin-9);
54
+ }
55
+
56
+ .mx-10-2xl {
57
+ margin-left: var(--margin-10);
58
+ margin-right: var(--margin-10);
59
+ }
60
+
61
+ .mx-11-2xl {
62
+ margin-left: var(--margin-11);
63
+ margin-right: var(--margin-11);
64
+ }
65
+
66
+ .mx-12-2xl {
67
+ margin-left: var(--margin-12);
68
+ margin-right: var(--margin-12);
69
+ }
70
+
71
+ .mx-13-2xl {
72
+ margin-left: var(--margin-13);
73
+ margin-right: var(--margin-13);
74
+ }
75
+
76
+ .mx-14-2xl {
77
+ margin-left: var(--margin-14);
78
+ margin-right: var(--margin-14);
79
+ }
80
+
81
+ .mx-15-2xl {
82
+ margin-left: var(--margin-15);
83
+ margin-right: var(--margin-15);
34
84
  }
35
85
  }
package/dist/margin/2xl/margin.css ADDED
@@ -0,0 +1,11 @@
1
+ /* =========================================================================== *
2
+ Margin utilities - 2xl - imports all the 2xl margin utility files
3
+ * =========================================================================== */
4
+
5
+ @import './all.css';
6
+ @import './bottom.css';
7
+ @import './end.css';
8
+ @import './horizontal.css';
9
+ @import './start.css';
10
+ @import './top.css';
11
+ @import './vertical.css';
package/dist/margin/2xl/start.css CHANGED
@@ -1,29 +1,69 @@
1
- /* =========================================================================== *\
2
- Start margin utilities
3
- \* =========================================================================== */
1
+ /* =========================================================================== *
2
+ Start margin utilities
3
+ * =========================================================================== */
4
4
 
5
5
  @media (--m-2xl) {
6
6
  .ms-0-2xl {
7
- margin-left: 0;
7
+ margin-left: var(--margin-0);
8
8
  }
9
9
 
10
10
  .ms-1-2xl {
11
- margin-left: 10px;
11
+ margin-left: var(--margin-1);
12
12
  }
13
13
 
14
14
  .ms-2-2xl {
15
- margin-left: 20px;
15
+ margin-left: var(--margin-2);
16
16
  }
17
17
 
18
18
  .ms-3-2xl {
19
- margin-left: 30px;
19
+ margin-left: var(--margin-3);
20
20
  }
21
21
 
22
22
  .ms-4-2xl {
23
- margin-left: 40px;
23
+ margin-left: var(--margin-4);
24
24
  }
25
25
 
26
26
  .ms-5-2xl {
27
- margin-left: 50px;
27
+ margin-left: var(--margin-5);
28
+ }
29
+
30
+ .ms-6-2xl {
31
+ margin-left: var(--margin-6);
32
+ }
33
+
34
+ .ms-7-2xl {
35
+ margin-left: var(--margin-7);
36
+ }
37
+
38
+ .ms-8-2xl {
39
+ margin-left: var(--margin-8);
40
+ }
41
+
42
+ .ms-9-2xl {
43
+ margin-left: var(--margin-9);
44
+ }
45
+
46
+ .ms-10-2xl {
47
+ margin-left: var(--margin-10);
48
+ }
49
+
50
+ .ms-11-2xl {
51
+ margin-left: var(--margin-11);
52
+ }
53
+
54
+ .ms-12-2xl {
55
+ margin-left: var(--margin-12);
56
+ }
57
+
58
+ .ms-13-2xl {
59
+ margin-left: var(--margin-13);
60
+ }
61
+
62
+ .ms-14-2xl {
63
+ margin-left: var(--margin-14);
64
+ }
65
+
66
+ .ms-15-2xl {
67
+ margin-left: var(--margin-15);
28
68
  }
29
69
  }
package/dist/margin/2xl/top.css CHANGED
@@ -1,29 +1,69 @@
1
- /* =========================================================================== *\
2
- Top margin utilities
3
- \* =========================================================================== */
1
+ /* =========================================================================== *
2
+ Top margin utilities
3
+ * =========================================================================== */
4
4
 
5
5
  @media (--m-2xl) {
6
6
  .mt-0-2xl {
7
- margin-top: 0;
7
+ margin-top: var(--margin-0);
8
8
  }
9
9
 
10
10
  .mt-1-2xl {
11
- margin-top: 10px;
11
+ margin-top: var(--margin-1);
12
12
  }
13
13
 
14
14
  .mt-2-2xl {
15
- margin-top: 20px;
15
+ margin-top: var(--margin-2);
16
16
  }
17
17
 
18
18
  .mt-3-2xl {
19
- margin-top: 30px;
19
+ margin-top: var(--margin-3);
20
20
  }
21
21
 
22
22
  .mt-4-2xl {
23
- margin-top: 40px;
23
+ margin-top: var(--margin-4);
24
24
  }
25
25
 
26
26
  .mt-5-2xl {
27
- margin-top: 50px;
27
+ margin-top: var(--margin-5);
28
+ }
29
+
30
+ .mt-6-2xl {
31
+ margin-top: var(--margin-6);
32
+ }
33
+
34
+ .mt-7-2xl {
35
+ margin-top: var(--margin-7);
36
+ }
37
+
38
+ .mt-8-2xl {
39
+ margin-top: var(--margin-8);
40
+ }
41
+
42
+ .mt-9-2xl {
43
+ margin-top: var(--margin-9);
44
+ }
45
+
46
+ .mt-10-2xl {
47
+ margin-top: var(--margin-10);
48
+ }
49
+
50
+ .mt-11-2xl {
51
+ margin-top: var(--margin-11);
52
+ }
53
+
54
+ .mt-12-2xl {
55
+ margin-top: var(--margin-12);
56
+ }
57
+
58
+ .mt-13-2xl {
59
+ margin-top: var(--margin-13);
60
+ }
61
+
62
+ .mt-14-2xl {
63
+ margin-top: var(--margin-14);
64
+ }
65
+
66
+ .mt-15-2xl {
67
+ margin-top: var(--margin-15);
28
68
  }
29
69
  }
package/dist/margin/2xl/vertical.css CHANGED
@@ -1,35 +1,85 @@
1
- /* =========================================================================== *\
2
- Vertical margin utilities
3
- \* =========================================================================== */
1
+ /* =========================================================================== *
2
+ Vertical margin utilities
3
+ * =========================================================================== */
4
4
 
5
5
  @media (--m-2xl) {
6
6
  .my-0-2xl {
7
- margin-bottom: 0;
8
- margin-top: 0;
7
+ margin-bottom: var(--margin-0);
8
+ margin-top: var(--margin-0);
9
9
  }
10
10
 
11
11
  .my-1-2xl {
12
- margin-bottom: 10px;
13
- margin-top: 10px;
12
+ margin-bottom: var(--margin-1);
13
+ margin-top: var(--margin-1);
14
14
  }
15
15
 
16
16
  .my-2-2xl {
17
- margin-bottom: 20px;
18
- margin-top: 20px;
17
+ margin-bottom: var(--margin-2);
18
+ margin-top: var(--margin-2);
19
19
  }
20
20
 
21
21
  .my-3-2xl {
22
- margin-bottom: 30px;
23
- margin-top: 30px;
22
+ margin-bottom: var(--margin-3);
23
+ margin-top: var(--margin-3);
24
24
  }
25
25
 
26
26
  .my-4-2xl {
27
- margin-bottom: 40px;
28
- margin-top: 40px;
27
+ margin-bottom: var(--margin-4);
28
+ margin-top: var(--margin-4);
29
29
  }
30
30
 
31
31
  .my-5-2xl {
32
- margin-bottom: 50px;
33
- margin-top: 50px;
32
+ margin-bottom: var(--margin-5);
33
+ margin-top: var(--margin-5);
34
+ }
35
+
36
+ .my-6-2xl {
37
+ margin-bottom: var(--margin-6);
38
+ margin-top: var(--margin-6);
39
+ }
40
+
41
+ .my-7-2xl {
42
+ margin-bottom: var(--margin-7);
43
+ margin-top: var(--margin-7);
44
+ }
45
+
46
+ .my-8-2xl {
47
+ margin-bottom: var(--margin-8);
48
+ margin-top: var(--margin-8);
49
+ }
50
+
51
+ .my-9-2xl {
52
+ margin-bottom: var(--margin-9);
53
+ margin-top: var(--margin-9);
54
+ }
55
+
56
+ .my-10-2xl {
57
+ margin-bottom: var(--margin-10);
58
+ margin-top: var(--margin-10);
59
+ }
60
+
61
+ .my-11-2xl {
62
+ margin-bottom: var(--margin-11);
63
+ margin-top: var(--margin-11);
64
+ }
65
+
66
+ .my-12-2xl {
67
+ margin-bottom: var(--margin-12);
68
+ margin-top: var(--margin-12);
69
+ }
70
+
71
+ .my-13-2xl {
72
+ margin-bottom: var(--margin-13);
73
+ margin-top: var(--margin-13);
74
+ }
75
+
76
+ .my-14-2xl {
77
+ margin-bottom: var(--margin-14);
78
+ margin-top: var(--margin-14);
79
+ }
80
+
81
+ .my-15-2xl {
82
+ margin-bottom: var(--margin-15);
83
+ margin-top: var(--margin-15);
34
84
  }
35
85
  }
package/dist/margin/2xs/all.css CHANGED
@@ -1,29 +1,69 @@
1
- /* =========================================================================== *\
2
- All sides margin utilities
3
- \* =========================================================================== */
1
+ /* =========================================================================== *
2
+ All sides margin utilities
3
+ * =========================================================================== */
4
4
 
5
5
  @media (--m-2xs) {
6
6
  .m-0-2xs {
7
- margin: 0;
7
+ margin: var(--margin-0);
8
8
  }
9
9
 
10
10
  .m-1-2xs {
11
- margin: 10px;
11
+ margin: var(--margin-1);
12
12
  }
13
13
 
14
14
  .m-2-2xs {
15
- margin: 20px;
15
+ margin: var(--margin-2);
16
16
  }
17
17
 
18
18
  .m-3-2xs {
19
- margin: 30px;
19
+ margin: var(--margin-3);
20
20
  }
21
21
 
22
22
  .m-4-2xs {
23
- margin: 40px;
23
+ margin: var(--margin-4);
24
24
  }
25
25
 
26
26
  .m-5-2xs {
27
- margin: 50px;
27
+ margin: var(--margin-5);
28
+ }
29
+
30
+ .m-6-2xs {
31
+ margin: var(--margin-6);
32
+ }
33
+
34
+ .m-7-2xs {
35
+ margin: var(--margin-7);
36
+ }
37
+
38
+ .m-8-2xs {
39
+ margin: var(--margin-8);
40
+ }
41
+
42
+ .m-9-2xs {
43
+ margin: var(--margin-9);
44
+ }
45
+
46
+ .m-10-2xs {
47
+ margin: var(--margin-10);
48
+ }
49
+
50
+ .m-11-2xs {
51
+ margin: var(--margin-11);
52
+ }
53
+
54
+ .m-12-2xs {
55
+ margin: var(--margin-12);
56
+ }
57
+
58
+ .m-13-2xs {
59
+ margin: var(--margin-13);
60
+ }
61
+
62
+ .m-14-2xs {
63
+ margin: var(--margin-14);
64
+ }
65
+
66
+ .m-15-2xs {
67
+ margin: var(--margin-15);
28
68
  }
29
69
  }