cacao-css 6.4.0 → 7.0.0

package/dist/grid-column/5xl/col-11.css

@@ -4,46 +4,46 @@
 
 @media (--m-5xl) {
     .col-1-11-5xl {
-        width: calc(100% / 11 - var(--gap));
+        width: calc(100% / 11 - var(--col-width-adjust));
     }
 
     .col-2-11-5xl {
-        width: calc(100% / 11 * 2 - var(--gap));
+        width: calc(100% / 11 * 2 - var(--col-width-adjust));
     }
 
     .col-3-11-5xl {
-        width: calc(100% / 11 * 3 - var(--gap));
+        width: calc(100% / 11 * 3 - var(--col-width-adjust));
     }
 
     .col-4-11-5xl {
-        width: calc(100% / 11 * 4 - var(--gap));
+        width: calc(100% / 11 * 4 - var(--col-width-adjust));
     }
 
     .col-5-11-5xl {
-        width: calc(100% / 11 * 5 - var(--gap));
+        width: calc(100% / 11 * 5 - var(--col-width-adjust));
     }
 
     .col-6-11-5xl {
-        width: calc(100% / 11 * 6 - var(--gap));
+        width: calc(100% / 11 * 6 - var(--col-width-adjust));
     }
 
     .col-7-11-5xl {
-        width: calc(100% / 11 * 7 - var(--gap));
+        width: calc(100% / 11 * 7 - var(--col-width-adjust));
     }
 
     .col-8-11-5xl {
-        width: calc(100% / 11 * 8 - var(--gap));
+        width: calc(100% / 11 * 8 - var(--col-width-adjust));
     }
 
     .col-9-11-5xl {
-        width: calc(100% / 11 * 9 - var(--gap));
+        width: calc(100% / 11 * 9 - var(--col-width-adjust));
     }
 
     .col-10-11-5xl {
-        width: calc(100% / 11 * 10 - var(--gap));
+        width: calc(100% / 11 * 10 - var(--col-width-adjust));
     }
 
     .col-11-11-5xl {
-        width: calc(100% - var(--gap));
+        width: calc(100% - var(--col-width-adjust));
     }
 }

package/dist/grid-column/5xl/col-12.css

@@ -4,50 +4,52 @@
 
 @media (--m-5xl) {
     .col-1-12-5xl {
-        width: calc(100% / 12 - var(--gap) - var(--gap));
+        width: calc(
+            100% / 12 - var(--col-width-adjust) - var(--col-width-adjust)
+        );
     }
 
     .col-2-12-5xl {
-        width: calc(100% / 12 * 2 - var(--gap));
+        width: calc(100% / 12 * 2 - var(--col-width-adjust));
     }
 
     .col-3-12-5xl {
-        width: calc(25% - var(--gap));
+        width: calc(25% - var(--col-width-adjust));
     }
 
     .col-4-12-5xl {
-        width: calc(100% / 12 * 4 - var(--gap));
+        width: calc(100% / 12 * 4 - var(--col-width-adjust));
     }
 
     .col-5-12-5xl {
-        width: calc(100% / 12 * 5 - var(--gap));
+        width: calc(100% / 12 * 5 - var(--col-width-adjust));
     }
 
     .col-6-12-5xl {
-        width: calc(50% - var(--gap));
+        width: calc(50% - var(--col-width-adjust));
     }
 
     .col-7-12-5xl {
-        width: calc(100% / 12 * 7 - var(--gap));
+        width: calc(100% / 12 * 7 - var(--col-width-adjust));
     }
 
     .col-8-12-5xl {
-        width: calc(100% / 12 * 8 - var(--gap));
+        width: calc(100% / 12 * 8 - var(--col-width-adjust));
     }
 
     .col-9-12-5xl {
-        width: calc(75% - var(--gap));
+        width: calc(75% - var(--col-width-adjust));
     }
 
     .col-10-12-5xl {
-        width: calc(100% / 12 * 10 - var(--gap));
+        width: calc(100% / 12 * 10 - var(--col-width-adjust));
     }
 
     .col-11-12-5xl {
-        width: calc(100% / 12 * 11 - var(--gap));
+        width: calc(100% / 12 * 11 - var(--col-width-adjust));
     }
 
     .col-12-12-5xl {
-        width: calc(100% - var(--gap));
+        width: calc(100% - var(--col-width-adjust));
     }
 }

package/dist/grid-column/5xl/col-2.css

@@ -4,10 +4,10 @@
 
 @media (--m-5xl) {
     .col-1-2-5xl {
-        width: calc(50% - var(--gap));
+        width: calc(50% - var(--col-width-adjust));
     }
 
     .col-2-2-5xl {
-        width: calc(100% - var(--gap));
+        width: calc(100% - var(--col-width-adjust));
     }
 }

package/dist/grid-column/5xl/col-3.css

@@ -4,14 +4,14 @@
 
 @media (--m-5xl) {
     .col-1-3-5xl {
-        width: calc(100% / 3 - var(--gap));
+        width: calc(100% / 3 - var(--col-width-adjust));
     }
 
     .col-2-3-5xl {
-        width: calc(100% / 3 * 2 - var(--gap));
+        width: calc(100% / 3 * 2 - var(--col-width-adjust));
     }
 
     .col-3-3-5xl {
-        width: calc(100% - var(--gap));
+        width: calc(100% - var(--col-width-adjust));
     }
 }

package/dist/grid-column/5xl/col-4.css

@@ -4,18 +4,18 @@
 
 @media (--m-5xl) {
     .col-1-4-5xl {
-        width: calc(25% - var(--gap));
+        width: calc(25% - var(--col-width-adjust));
     }
 
     .col-2-4-5xl {
-        width: calc(50% - var(--gap));
+        width: calc(50% - var(--col-width-adjust));
     }
 
     .col-3-4-5xl {
-        width: calc(75% - var(--gap));
+        width: calc(75% - var(--col-width-adjust));
     }
 
     .col-4-4-5xl {
-        width: calc(100% - var(--gap));
+        width: calc(100% - var(--col-width-adjust));
     }
 }

package/dist/grid-column/5xl/col-5.css

@@ -4,22 +4,22 @@
 
 @media (--m-5xl) {
     .col-1-5-5xl {
-        width: calc(20% - var(--gap));
+        width: calc(20% - var(--col-width-adjust));
     }
 
     .col-2-5-5xl {
-        width: calc(40% - var(--gap));
+        width: calc(40% - var(--col-width-adjust));
     }
 
     .col-3-5-5xl {
-        width: calc(60% - var(--gap));
+        width: calc(60% - var(--col-width-adjust));
     }
 
     .col-4-5-5xl {
-        width: calc(80% - var(--gap));
+        width: calc(80% - var(--col-width-adjust));
     }
 
     .col-5-5-5xl {
-        width: calc(100% - var(--gap));
+        width: calc(100% - var(--col-width-adjust));
     }
 }

package/dist/grid-column/5xl/col-6.css

@@ -4,26 +4,26 @@
 
 @media (--m-5xl) {
     .col-1-6-5xl {
-        width: calc(100% / 6 - var(--gap));
+        width: calc(100% / 6 - var(--col-width-adjust));
     }
 
     .col-2-6-5xl {
-        width: calc(100% / 6 * 2 - var(--gap));
+        width: calc(100% / 6 * 2 - var(--col-width-adjust));
     }
 
     .col-3-6-5xl {
-        width: calc(50% - var(--gap));
+        width: calc(50% - var(--col-width-adjust));
     }
 
     .col-4-6-5xl {
-        width: calc(100% / 6 * 4 - var(--gap));
+        width: calc(100% / 6 * 4 - var(--col-width-adjust));
     }
 
     .col-5-6-5xl {
-        width: calc(100% / 6 * 5 - var(--gap));
+        width: calc(100% / 6 * 5 - var(--col-width-adjust));
     }
 
     .col-6-6-5xl {
-        width: calc(100% - var(--gap));
+        width: calc(100% - var(--col-width-adjust));
     }
 }

package/dist/grid-column/5xl/col-7.css

@@ -4,30 +4,30 @@
 
 @media (--m-5xl) {
     .col-1-7-5xl {
-        width: calc(100% / 7 - var(--gap));
+        width: calc(100% / 7 - var(--col-width-adjust));
     }
 
     .col-2-7-5xl {
-        width: calc(100% / 7 * 2 - var(--gap));
+        width: calc(100% / 7 * 2 - var(--col-width-adjust));
     }
 
     .col-3-7-5xl {
-        width: calc(100% / 7 * 3 - var(--gap));
+        width: calc(100% / 7 * 3 - var(--col-width-adjust));
     }
 
     .col-4-7-5xl {
-        width: calc(100% / 7 * 4 - var(--gap));
+        width: calc(100% / 7 * 4 - var(--col-width-adjust));
     }
 
     .col-5-7-5xl {
-        width: calc(100% / 7 * 5 - var(--gap));
+        width: calc(100% / 7 * 5 - var(--col-width-adjust));
     }
 
     .col-6-7-5xl {
-        width: calc(100% / 7 * 6 - var(--gap));
+        width: calc(100% / 7 * 6 - var(--col-width-adjust));
     }
 
     .col-7-7-5xl {
-        width: calc(100% - var(--gap));
+        width: calc(100% - var(--col-width-adjust));
     }
 }

package/dist/grid-column/5xl/col-8.css

@@ -4,34 +4,34 @@
 
 @media (--m-5xl) {
     .col-1-8-5xl {
-        width: calc(100% / 8 - var(--gap));
+        width: calc(100% / 8 - var(--col-width-adjust));
     }
 
     .col-2-8-5xl {
-        width: calc(25% - var(--gap));
+        width: calc(25% - var(--col-width-adjust));
     }
 
     .col-3-8-5xl {
-        width: calc(100% / 8 * 3 - var(--gap));
+        width: calc(100% / 8 * 3 - var(--col-width-adjust));
     }
 
     .col-4-8-5xl {
-        width: calc(50% - var(--gap));
+        width: calc(50% - var(--col-width-adjust));
     }
 
     .col-5-8-5xl {
-        width: calc(100% / 8 * 5 - var(--gap));
+        width: calc(100% / 8 * 5 - var(--col-width-adjust));
     }
 
     .col-6-8-5xl {
-        width: calc(75% - var(--gap));
+        width: calc(75% - var(--col-width-adjust));
     }
 
     .col-7-8-5xl {
-        width: calc(100% / 8 * 7 - var(--gap));
+        width: calc(100% / 8 * 7 - var(--col-width-adjust));
     }
 
     .col-8-8-5xl {
-        width: calc(100% - var(--gap));
+        width: calc(100% - var(--col-width-adjust));
     }
 }

package/dist/grid-column/5xl/col-9.css

@@ -4,38 +4,38 @@
 
 @media (--m-5xl) {
     .col-1-9-5xl {
-        width: calc(100% / 9 - var(--gap));
+        width: calc(100% / 9 - var(--col-width-adjust));
     }
 
     .col-2-9-5xl {
-        width: calc(100% / 9 * 2 - var(--gap));
+        width: calc(100% / 9 * 2 - var(--col-width-adjust));
     }
 
     .col-3-9-5xl {
-        width: calc(100% / 9 * 3 - var(--gap));
+        width: calc(100% / 9 * 3 - var(--col-width-adjust));
     }
 
     .col-4-9-5xl {
-        width: calc(100% / 9 * 4 - var(--gap));
+        width: calc(100% / 9 * 4 - var(--col-width-adjust));
     }
 
     .col-5-9-5xl {
-        width: calc(100% / 9 * 5 - var(--gap));
+        width: calc(100% / 9 * 5 - var(--col-width-adjust));
     }
 
     .col-6-9-5xl {
-        width: calc(100% / 9 * 6 - var(--gap));
+        width: calc(100% / 9 * 6 - var(--col-width-adjust));
     }
 
     .col-7-9-5xl {
-        width: calc(100% / 9 * 7 - var(--gap));
+        width: calc(100% / 9 * 7 - var(--col-width-adjust));
     }
 
     .col-8-9-5xl {
-        width: calc(100% / 9 * 8 - var(--gap));
+        width: calc(100% / 9 * 8 - var(--col-width-adjust));
     }
 
     .col-9-9-5xl {
-        width: calc(100% - var(--gap));
+        width: calc(100% - var(--col-width-adjust));
     }
 }

package/dist/grid-column/col-1.css

@@ -3,5 +3,5 @@
 \* =========================================================================== */
 
 .col-1-1 {
-    width: calc(100% - var(--gap));
+    width: calc(100% - var(--col-width-adjust));
 }

package/dist/grid-column/col-10.css

@@ -3,41 +3,41 @@
 \* =========================================================================== */
 
 .col-1-10 {
-    width: calc(10% - var(--gap));
+    width: calc(10% - var(--col-width-adjust));
 }
 
 .col-2-10 {
-    width: calc(20% - var(--gap));
+    width: calc(20% - var(--col-width-adjust));
 }
 
 .col-3-10 {
-    width: calc(30% - var(--gap));
+    width: calc(30% - var(--col-width-adjust));
 }
 
 .col-4-10 {
-    width: calc(40% - var(--gap));
+    width: calc(40% - var(--col-width-adjust));
 }
 
 .col-5-10 {
-    width: calc(50% - var(--gap));
+    width: calc(50% - var(--col-width-adjust));
 }
 
 .col-6-10 {
-    width: calc(60% - var(--gap));
+    width: calc(60% - var(--col-width-adjust));
 }
 
 .col-7-10 {
-    width: calc(70% - var(--gap));
+    width: calc(70% - var(--col-width-adjust));
 }
 
 .col-8-10 {
-    width: calc(80% - var(--gap));
+    width: calc(80% - var(--col-width-adjust));
 }
 
 .col-9-10 {
-    width: calc(90% - var(--gap));
+    width: calc(90% - var(--col-width-adjust));
 }
 
 .col-10-10 {
-    width: calc(100% - var(--gap));
+    width: calc(100% - var(--col-width-adjust));
 }

package/dist/grid-column/col-11.css

@@ -3,45 +3,45 @@
 \* =========================================================================== */
 
 .col-1-11 {
-    width: calc(100% / 11 - var(--gap));
+    width: calc(100% / 11 - var(--col-width-adjust));
 }
 
 .col-2-11 {
-    width: calc(100% / 11 * 2 - var(--gap));
+    width: calc(100% / 11 * 2 - var(--col-width-adjust));
 }
 
 .col-3-11 {
-    width: calc(100% / 11 * 3 - var(--gap));
+    width: calc(100% / 11 * 3 - var(--col-width-adjust));
 }
 
 .col-4-11 {
-    width: calc(100% / 11 * 4 - var(--gap));
+    width: calc(100% / 11 * 4 - var(--col-width-adjust));
 }
 
 .col-5-11 {
-    width: calc(100% / 11 * 5 - var(--gap));
+    width: calc(100% / 11 * 5 - var(--col-width-adjust));
 }
 
 .col-6-11 {
-    width: calc(100% / 11 * 6 - var(--gap));
+    width: calc(100% / 11 * 6 - var(--col-width-adjust));
 }
 
 .col-7-11 {
-    width: calc(100% / 11 * 7 - var(--gap));
+    width: calc(100% / 11 * 7 - var(--col-width-adjust));
 }
 
 .col-8-11 {
-    width: calc(100% / 11 * 8 - var(--gap));
+    width: calc(100% / 11 * 8 - var(--col-width-adjust));
 }
 
 .col-9-11 {
-    width: calc(100% / 11 * 9 - var(--gap));
+    width: calc(100% / 11 * 9 - var(--col-width-adjust));
 }
 
 .col-10-11 {
-    width: calc(100% / 11 * 10 - var(--gap));
+    width: calc(100% / 11 * 10 - var(--col-width-adjust));
 }
 
 .col-11-11 {
-    width: calc(100% - var(--gap));
+    width: calc(100% - var(--col-width-adjust));
 }

package/dist/grid-column/col-12.css

@@ -3,49 +3,49 @@
 \* =========================================================================== */
 
 .col-1-12 {
-    width: calc(100% / 12 - var(--gap) - var(--gap));
+    width: calc(100% / 12 - var(--col-width-adjust) - var(--col-width-adjust));
 }
 
 .col-2-12 {
-    width: calc(100% / 12 * 2 - var(--gap));
+    width: calc(100% / 12 * 2 - var(--col-width-adjust));
 }
 
 .col-3-12 {
-    width: calc(25% - var(--gap));
+    width: calc(25% - var(--col-width-adjust));
 }
 
 .col-4-12 {
-    width: calc(100% / 12 * 4 - var(--gap));
+    width: calc(100% / 12 * 4 - var(--col-width-adjust));
 }
 
 .col-5-12 {
-    width: calc(100% / 12 * 5 - var(--gap));
+    width: calc(100% / 12 * 5 - var(--col-width-adjust));
 }
 
 .col-6-12 {
-    width: calc(50% - var(--gap));
+    width: calc(50% - var(--col-width-adjust));
 }
 
 .col-7-12 {
-    width: calc(100% / 12 * 7 - var(--gap));
+    width: calc(100% / 12 * 7 - var(--col-width-adjust));
 }
 
 .col-8-12 {
-    width: calc(100% / 12 * 8 - var(--gap));
+    width: calc(100% / 12 * 8 - var(--col-width-adjust));
 }
 
 .col-9-12 {
-    width: calc(75% - var(--gap));
+    width: calc(75% - var(--col-width-adjust));
 }
 
 .col-10-12 {
-    width: calc(100% / 12 * 10 - var(--gap));
+    width: calc(100% / 12 * 10 - var(--col-width-adjust));
 }
 
 .col-11-12 {
-    width: calc(100% / 12 * 11 - var(--gap));
+    width: calc(100% / 12 * 11 - var(--col-width-adjust));
 }
 
 .col-12-12 {
-    width: calc(100% - var(--gap));
+    width: calc(100% - var(--col-width-adjust));
 }

package/dist/grid-column/col-2.css

@@ -3,9 +3,9 @@
 \* =========================================================================== */
 
 .col-1-2 {
-    width: calc(50% - var(--gap));
+    width: calc(50% - var(--col-width-adjust));
 }
 
 .col-2-2 {
-    width: calc(100% - var(--gap));
+    width: calc(100% - var(--col-width-adjust));
 }

package/dist/grid-column/col-3.css

@@ -3,13 +3,13 @@
 \* =========================================================================== */
 
 .col-1-3 {
-    width: calc(100% / 3 - var(--gap));
+    width: calc(100% / 3 - var(--col-width-adjust));
 }
 
 .col-2-3 {
-    width: calc(100% / 3 * 2 - var(--gap));
+    width: calc(100% / 3 * 2 - var(--col-width-adjust));
 }
 
 .col-3-3 {
-    width: calc(100% - var(--gap));
+    width: calc(100% - var(--col-width-adjust));
 }

package/dist/grid-column/col-4.css

@@ -3,17 +3,17 @@
 \* =========================================================================== */
 
 .col-1-4 {
-    width: calc(25% - var(--gap));
+    width: calc(25% - var(--col-width-adjust));
 }
 
 .col-2-4 {
-    width: calc(50% - var(--gap));
+    width: calc(50% - var(--col-width-adjust));
 }
 
 .col-3-4 {
-    width: calc(75% - var(--gap));
+    width: calc(75% - var(--col-width-adjust));
 }
 
 .col-4-4 {
-    width: calc(100% - var(--gap));
+    width: calc(100% - var(--col-width-adjust));
 }

package/dist/grid-column/col-5.css

@@ -3,21 +3,21 @@
 \* =========================================================================== */
 
 .col-1-5 {
-    width: calc(20% - var(--gap));
+    width: calc(20% - var(--col-width-adjust));
 }
 
 .col-2-5 {
-    width: calc(40% - var(--gap));
+    width: calc(40% - var(--col-width-adjust));
 }
 
 .col-3-5 {
-    width: calc(60% - var(--gap));
+    width: calc(60% - var(--col-width-adjust));
 }
 
 .col-4-5 {
-    width: calc(80% - var(--gap));
+    width: calc(80% - var(--col-width-adjust));
 }
 
 .col-5-5 {
-    width: calc(100% - var(--gap));
+    width: calc(100% - var(--col-width-adjust));
 }

package/dist/grid-column/col-6.css

@@ -3,25 +3,25 @@
 \* =========================================================================== */
 
 .col-1-6 {
-    width: calc(100% / 6 - var(--gap));
+    width: calc(100% / 6 - var(--col-width-adjust));
 }
 
 .col-2-6 {
-    width: calc(100% / 6 * 2 - var(--gap));
+    width: calc(100% / 6 * 2 - var(--col-width-adjust));
 }
 
 .col-3-6 {
-    width: calc(50% - var(--gap));
+    width: calc(50% - var(--col-width-adjust));
 }
 
 .col-4-6 {
-    width: calc(100% / 6 * 4 - var(--gap));
+    width: calc(100% / 6 * 4 - var(--col-width-adjust));
 }
 
 .col-5-6 {
-    width: calc(100% / 6 * 5 - var(--gap));
+    width: calc(100% / 6 * 5 - var(--col-width-adjust));
 }
 
 .col-6-6 {
-    width: calc(100% - var(--gap));
+    width: calc(100% - var(--col-width-adjust));
 }