cacao-css 5.0.0 → 5.2.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 (108) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/Migrating-from-version3.md +169 -0
  3. package/imports.css +142 -16
  4. package/package.json +1 -1
  5. package/src/display/lg/display.css +4 -0
  6. package/src/display/md/display.css +4 -0
  7. package/src/display/sm/display.css +4 -0
  8. package/src/display/xl/display.css +4 -0
  9. package/src/display/xs/display.css +4 -0
  10. package/src/display/xxl/display.css +4 -0
  11. package/src/position/core/position.css +23 -0
  12. package/src/position/lg/position.css +25 -0
  13. package/src/position/md/position.css +25 -0
  14. package/src/position/sm/position.css +25 -0
  15. package/src/position/xl/position.css +25 -0
  16. package/src/position/xs/position.css +25 -0
  17. package/src/position/xxl/position.css +25 -0
  18. package/src/width/core/width-0.css +7 -0
  19. package/src/width/core/width-1.css +8 -0
  20. package/src/width/core/width-10.css +43 -0
  21. package/src/width/core/width-11.css +47 -0
  22. package/src/width/core/width-12.css +51 -0
  23. package/src/width/core/width-2.css +11 -0
  24. package/src/width/core/width-3.css +15 -0
  25. package/src/width/core/width-4.css +19 -0
  26. package/src/width/core/width-5.css +23 -0
  27. package/src/width/core/width-6.css +27 -0
  28. package/src/width/core/width-7.css +31 -0
  29. package/src/width/core/width-8.css +35 -0
  30. package/src/width/core/width-9.css +39 -0
  31. package/src/width/lg/width-0.css +9 -0
  32. package/src/width/lg/width-1.css +10 -0
  33. package/src/width/lg/width-10.css +45 -0
  34. package/src/width/lg/width-11.css +49 -0
  35. package/src/width/lg/width-12.css +53 -0
  36. package/src/width/lg/width-2.css +13 -0
  37. package/src/width/lg/width-3.css +17 -0
  38. package/src/width/lg/width-4.css +21 -0
  39. package/src/width/lg/width-5.css +25 -0
  40. package/src/width/lg/width-6.css +29 -0
  41. package/src/width/lg/width-7.css +33 -0
  42. package/src/width/lg/width-8.css +37 -0
  43. package/src/width/lg/width-9.css +41 -0
  44. package/src/width/md/width-0.css +9 -0
  45. package/src/width/md/width-1.css +10 -0
  46. package/src/width/md/width-10.css +45 -0
  47. package/src/width/md/width-11.css +49 -0
  48. package/src/width/md/width-12.css +53 -0
  49. package/src/width/md/width-2.css +13 -0
  50. package/src/width/md/width-3.css +17 -0
  51. package/src/width/md/width-4.css +21 -0
  52. package/src/width/md/width-5.css +25 -0
  53. package/src/width/md/width-6.css +29 -0
  54. package/src/width/md/width-7.css +33 -0
  55. package/src/width/md/width-8.css +37 -0
  56. package/src/width/md/width-9.css +41 -0
  57. package/src/width/sm/width-0.css +9 -0
  58. package/src/width/sm/width-1.css +10 -0
  59. package/src/width/sm/width-10.css +45 -0
  60. package/src/width/sm/width-11.css +49 -0
  61. package/src/width/sm/width-12.css +53 -0
  62. package/src/width/sm/width-2.css +13 -0
  63. package/src/width/sm/width-3.css +17 -0
  64. package/src/width/sm/width-4.css +21 -0
  65. package/src/width/sm/width-5.css +25 -0
  66. package/src/width/sm/width-6.css +29 -0
  67. package/src/width/sm/width-7.css +33 -0
  68. package/src/width/sm/width-8.css +37 -0
  69. package/src/width/sm/width-9.css +41 -0
  70. package/src/width/xl/width-0.css +9 -0
  71. package/src/width/xl/width-1.css +10 -0
  72. package/src/width/xl/width-10.css +45 -0
  73. package/src/width/xl/width-11.css +49 -0
  74. package/src/width/xl/width-12.css +53 -0
  75. package/src/width/xl/width-2.css +13 -0
  76. package/src/width/xl/width-3.css +17 -0
  77. package/src/width/xl/width-4.css +21 -0
  78. package/src/width/xl/width-5.css +25 -0
  79. package/src/width/xl/width-6.css +29 -0
  80. package/src/width/xl/width-7.css +33 -0
  81. package/src/width/xl/width-8.css +37 -0
  82. package/src/width/xl/width-9.css +41 -0
  83. package/src/width/xs/width-0.css +9 -0
  84. package/src/width/xs/width-1.css +10 -0
  85. package/src/width/xs/width-10.css +45 -0
  86. package/src/width/xs/width-11.css +49 -0
  87. package/src/width/xs/width-12.css +53 -0
  88. package/src/width/xs/width-2.css +13 -0
  89. package/src/width/xs/width-3.css +17 -0
  90. package/src/width/xs/width-4.css +21 -0
  91. package/src/width/xs/width-5.css +25 -0
  92. package/src/width/xs/width-6.css +29 -0
  93. package/src/width/xs/width-7.css +33 -0
  94. package/src/width/xs/width-8.css +37 -0
  95. package/src/width/xs/width-9.css +41 -0
  96. package/src/width/xxl/width-0.css +9 -0
  97. package/src/width/xxl/width-1.css +10 -0
  98. package/src/width/xxl/width-10.css +45 -0
  99. package/src/width/xxl/width-11.css +49 -0
  100. package/src/width/xxl/width-12.css +53 -0
  101. package/src/width/xxl/width-2.css +13 -0
  102. package/src/width/xxl/width-3.css +17 -0
  103. package/src/width/xxl/width-4.css +21 -0
  104. package/src/width/xxl/width-5.css +25 -0
  105. package/src/width/xxl/width-6.css +29 -0
  106. package/src/width/xxl/width-7.css +33 -0
  107. package/src/width/xxl/width-8.css +37 -0
  108. package/src/width/xxl/width-9.css +41 -0
package/src/width/xxl/width-9.css ADDED
@@ -0,0 +1,41 @@
1
+ /* =========================================================================== *\
2
+ Width 9's
3
+ \* =========================================================================== */
4
+
5
+ @media (--c-bp-xxl) {
6
+ .w-xxl-1-9 {
7
+ width: calc(100% / 9);
8
+ }
9
+
10
+ .w-xxl-2-9 {
11
+ width: calc(100% / 9 * 2);
12
+ }
13
+
14
+ .w-xxl-3-9 {
15
+ width: calc(100% / 9 * 3);
16
+ }
17
+
18
+ .w-xxl-4-9 {
19
+ width: calc(100% / 9 * 4);
20
+ }
21
+
22
+ .w-xxl-5-9 {
23
+ width: calc(100% / 9 * 5);
24
+ }
25
+
26
+ .w-xxl-6-9 {
27
+ width: calc(100% / 9 * 6);
28
+ }
29
+
30
+ .w-xxl-7-9 {
31
+ width: calc(100% / 9 * 7);
32
+ }
33
+
34
+ .w-xxl-8-9 {
35
+ width: calc(100% / 9 * 8);
36
+ }
37
+
38
+ .w-xxl-9-9 {
39
+ width: 100%;
40
+ }
41
+ }