cacao-css 5.4.0 → 6.0.0

package/src/grid/xxl/col-12.css

@@ -1,53 +0,0 @@
-/* =========================================================================== *\
-    Grid 12's
-\* =========================================================================== */
-
-@media (--c-bp-xxl) {
-    .col-xxl-1-12 {
-        width: calc(100% / 12 - var(--gap));
-    }
-
-    .col-xxl-2-12 {
-        width: calc(100% / 12 * 2 - var(--gap));
-    }
-
-    .col-xxl-3-12 {
-        width: calc(25% - var(--gap));
-    }
-
-    .col-xxl-4-12 {
-        width: calc(100% / 12 * 4 - var(--gap));
-    }
-
-    .col-xxl-5-12 {
-        width: calc(100% / 12 * 5 - var(--gap));
-    }
-
-    .col-xxl-6-12 {
-        width: calc(50% - var(--gap));
-    }
-
-    .col-xxl-7-12 {
-        width: calc(100% / 12 * 7 - var(--gap));
-    }
-
-    .col-xxl-8-12 {
-        width: calc(100% / 12 * 8 - var(--gap));
-    }
-
-    .col-xxl-9-12 {
-        width: calc(75% - var(--gap));
-    }
-
-    .col-xxl-10-12 {
-        width: calc(100% / 12 * 10 - var(--gap));
-    }
-
-    .col-xxl-11-12 {
-        width: calc(100% / 12 * 11 - var(--gap));
-    }
-
-    .col-xxl-12-12 {
-        width: calc(100% - var(--gap));
-    }
-}

package/src/grid/xxl/col-2.css

@@ -1,13 +0,0 @@
-/* =========================================================================== *\
-    Grid 2's
-\* =========================================================================== */
-
-@media (--c-bp-xxl) {
-    .col-xxl-1-2 {
-        width: calc(50% - var(--gap));
-    }
-
-    .col-xxl-2-2 {
-        width: calc(100% - var(--gap));
-    }
-}

package/src/grid/xxl/col-3.css

@@ -1,17 +0,0 @@
-/* =========================================================================== *\
-    Grid 3's
-\* =========================================================================== */
-
-@media (--c-bp-xxl) {
-    .col-xxl-1-3 {
-        width: calc(100% / 3 - var(--gap));
-    }
-
-    .col-xxl-2-3 {
-        width: calc(100% / 3 * 2 - var(--gap));
-    }
-
-    .col-xxl-3-3 {
-        width: calc(100% - var(--gap));
-    }
-}

package/src/grid/xxl/col-4.css

@@ -1,21 +0,0 @@
-/* =========================================================================== *\
-    Grid 4's
-\* =========================================================================== */
-
-@media (--c-bp-xxl) {
-    .col-xxl-1-4 {
-        width: calc(25% - var(--gap));
-    }
-
-    .col-xxl-2-4 {
-        width: calc(50% - var(--gap));
-    }
-
-    .col-xxl-3-4 {
-        width: calc(75% - var(--gap));
-    }
-
-    .col-xxl-4-4 {
-        width: calc(100% - var(--gap));
-    }
-}

package/src/grid/xxl/col-5.css

@@ -1,25 +0,0 @@
-/* =========================================================================== *\
-    Grid 5's
-\* =========================================================================== */
-
-@media (--c-bp-xxl) {
-    .col-xxl-1-5 {
-        width: calc(20% - var(--gap));
-    }
-
-    .col-xxl-2-5 {
-        width: calc(40% - var(--gap));
-    }
-
-    .col-xxl-3-5 {
-        width: calc(60% - var(--gap));
-    }
-
-    .col-xxl-4-5 {
-        width: calc(80% - var(--gap));
-    }
-
-    .col-xxl-5-5 {
-        width: calc(100% - var(--gap));
-    }
-}

package/src/grid/xxl/col-6.css

@@ -1,29 +0,0 @@
-/* =========================================================================== *\
-    Grid 6's
-\* =========================================================================== */
-
-@media (--c-bp-xxl) {
-    .col-xxl-1-6 {
-        width: calc(100% / 6 - var(--gap));
-    }
-
-    .col-xxl-2-6 {
-        width: calc(100% / 6 * 2 - var(--gap));
-    }
-
-    .col-xxl-3-6 {
-        width: calc(50% - var(--gap));
-    }
-
-    .col-xxl-4-6 {
-        width: calc(100% / 6 * 4 - var(--gap));
-    }
-
-    .col-xxl-5-6 {
-        width: calc(100% / 6 * 5 - var(--gap));
-    }
-
-    .col-xxl-6-6 {
-        width: calc(100% - var(--gap));
-    }
-}

package/src/grid/xxl/col-7.css

@@ -1,33 +0,0 @@
-/* =========================================================================== *\
-    Grid 7's
-\* =========================================================================== */
-
-@media (--c-bp-xxl) {
-    .col-xxl-1-7 {
-        width: calc(100% / 7 - var(--gap));
-    }
-
-    .col-xxl-2-7 {
-        width: calc(100% / 7 * 2 - var(--gap));
-    }
-
-    .col-xxl-3-7 {
-        width: calc(100% / 7 * 3 - var(--gap));
-    }
-
-    .col-xxl-4-7 {
-        width: calc(100% / 7 * 4 - var(--gap));
-    }
-
-    .col-xxl-5-7 {
-        width: calc(100% / 7 * 5 - var(--gap));
-    }
-
-    .col-xxl-6-7 {
-        width: calc(100% / 7 * 6 - var(--gap));
-    }
-
-    .col-xxl-7-7 {
-        width: calc(100% - var(--gap));
-    }
-}

package/src/grid/xxl/col-8.css

@@ -1,37 +0,0 @@
-/* =========================================================================== *\
-    Grid 8's
-\* =========================================================================== */
-
-@media (--c-bp-xxl) {
-    .col-xxl-1-8 {
-        width: calc(100% / 8 - var(--gap));
-    }
-
-    .col-xxl-2-8 {
-        width: calc(25% - var(--gap));
-    }
-
-    .col-xxl-3-8 {
-        width: calc(100% / 8 * 3 - var(--gap));
-    }
-
-    .col-xxl-4-8 {
-        width: calc(50% - var(--gap));
-    }
-
-    .col-xxl-5-8 {
-        width: calc(100% / 8 * 5 - var(--gap));
-    }
-
-    .col-xxl-6-8 {
-        width: calc(75% - var(--gap));
-    }
-
-    .col-xxl-7-8 {
-        width: calc(100% / 8 * 7 - var(--gap));
-    }
-
-    .col-xxl-8-8 {
-        width: calc(100% - var(--gap));
-    }
-}

package/src/grid/xxl/col-9.css

@@ -1,41 +0,0 @@
-/* =========================================================================== *\
-    Grid 9's
-\* =========================================================================== */
-
-@media (--c-bp-xxl) {
-    .col-xxl-1-9 {
-        width: calc(100% / 9 - var(--gap));
-    }
-
-    .col-xxl-2-9 {
-        width: calc(100% / 9 * 2 - var(--gap));
-    }
-
-    .col-xxl-3-9 {
-        width: calc(100% / 9 * 3 - var(--gap));
-    }
-
-    .col-xxl-4-9 {
-        width: calc(100% / 9 * 4 - var(--gap));
-    }
-
-    .col-xxl-5-9 {
-        width: calc(100% / 9 * 5 - var(--gap));
-    }
-
-    .col-xxl-6-9 {
-        width: calc(100% / 9 * 6 - var(--gap));
-    }
-
-    .col-xxl-7-9 {
-        width: calc(100% / 9 * 7 - var(--gap));
-    }
-
-    .col-xxl-8-9 {
-        width: calc(100% / 9 * 8 - var(--gap));
-    }
-
-    .col-xxl-9-9 {
-        width: calc(100% - var(--gap));
-    }
-}

package/src/grid/xxl/col-fill.css

@@ -1,9 +0,0 @@
-/* =========================================================================== *\
-    Grid cell fill remaining space
-\* =========================================================================== */
-
-@media (--c-bp-xxl) {
-    .col-xxl-fill {
-        flex: 1 1 0%;
-    }
-}

package/src/gutter/core/vertical.css

@@ -1,36 +0,0 @@
-/* =========================================================================== *\
-    Vertical gutter utilities
-\* =========================================================================== */
-
-.gy-0 {
-    --gap: 0px;
-}
-
-.gy-1 {
-    --gap: 10px;
-}
-
-.gy-2 {
-    --gap: 20px;
-}
-
-.gy-3 {
-    --gap: 30px;
-}
-
-.gy-4 {
-    --gap: 40px;
-}
-
-.gy-5 {
-    --gap: 50px;
-}
-
-.gy-0,
-.gy-1,
-.gy-2,
-.gy-3,
-.gy-4,
-.gy-5 {
-    row-gap: var(--gap);
-}

package/src/gutter/lg/all.css

@@ -1,38 +0,0 @@
-/* =========================================================================== *\
-    All directions gutter utilities
-\* =========================================================================== */
-
-@media (--c-bp-lg) {
-    .g-lg-0 {
-        --gap: 0px;
-    }
-
-    .g-lg-1 {
-        --gap: 10px;
-    }
-
-    .g-lg-2 {
-        --gap: 20px;
-    }
-
-    .g-lg-3 {
-        --gap: 30px;
-    }
-
-    .g-lg-4 {
-        --gap: 40px;
-    }
-
-    .g-lg-5 {
-        --gap: 50px;
-    }
-
-    .g-lg-0,
-    .g-lg-1,
-    .g-lg-2,
-    .g-lg-3,
-    .g-lg-4,
-    .g-lg-5 {
-        gap: var(--gap);
-    }
-}

package/src/gutter/lg/horizontal.css

@@ -1,38 +0,0 @@
-/* =========================================================================== *\
-    Horizontal gutter utilities
-\* =========================================================================== */
-
-@media (--c-bp-lg) {
-    .gx-lg-0 {
-        --gap: 0px;
-    }
-
-    .gx-lg-1 {
-        --gap: 10px;
-    }
-
-    .gx-lg-2 {
-        --gap: 20px;
-    }
-
-    .gx-lg-3 {
-        --gap: 30px;
-    }
-
-    .gx-lg-4 {
-        --gap: 40px;
-    }
-
-    .gx-lg-5 {
-        --gap: 50px;
-    }
-
-    .gx-lg-0,
-    .gx-lg-1,
-    .gx-lg-2,
-    .gx-lg-3,
-    .gx-lg-4,
-    .gx-lg-5 {
-        column-gap: var(--gap);
-    }
-}

package/src/gutter/lg/vertical.css

@@ -1,38 +0,0 @@
-/* =========================================================================== *\
-    Vertical gutter utilities
-\* =========================================================================== */
-
-@media (--c-bp-lg) {
-    .gy-lg-0 {
-        --gap: 0px;
-    }
-
-    .gy-lg-1 {
-        --gap: 10px;
-    }
-
-    .gy-lg-2 {
-        --gap: 20px;
-    }
-
-    .gy-lg-3 {
-        --gap: 30px;
-    }
-
-    .gy-lg-4 {
-        --gap: 40px;
-    }
-
-    .gy-lg-5 {
-        --gap: 50px;
-    }
-
-    .gy-lg-0,
-    .gy-lg-1,
-    .gy-lg-2,
-    .gy-lg-3,
-    .gy-lg-4,
-    .gy-lg-5 {
-        row-gap: var(--gap);
-    }
-}

package/src/gutter/md/all.css

@@ -1,38 +0,0 @@
-/* =========================================================================== *\
-    All directions gutter utilities
-\* =========================================================================== */
-
-@media (--c-bp-md) {
-    .g-md-0 {
-        --gap: 0px;
-    }
-
-    .g-md-1 {
-        --gap: 10px;
-    }
-
-    .g-md-2 {
-        --gap: 20px;
-    }
-
-    .g-md-3 {
-        --gap: 30px;
-    }
-
-    .g-md-4 {
-        --gap: 40px;
-    }
-
-    .g-md-5 {
-        --gap: 50px;
-    }
-
-    .g-md-0,
-    .g-md-1,
-    .g-md-2,
-    .g-md-3,
-    .g-md-4,
-    .g-md-5 {
-        gap: var(--gap);
-    }
-}

package/src/gutter/md/horizontal.css

@@ -1,38 +0,0 @@
-/* =========================================================================== *\
-    Horizontal gutter utilities
-\* =========================================================================== */
-
-@media (--c-bp-md) {
-    .gx-md-0 {
-        --gap: 0px;
-    }
-
-    .gx-md-1 {
-        --gap: 10px;
-    }
-
-    .gx-md-2 {
-        --gap: 20px;
-    }
-
-    .gx-md-3 {
-        --gap: 30px;
-    }
-
-    .gx-md-4 {
-        --gap: 40px;
-    }
-
-    .gx-md-5 {
-        --gap: 50px;
-    }
-
-    .gx-md-0,
-    .gx-md-1,
-    .gx-md-2,
-    .gx-md-3,
-    .gx-md-4,
-    .gx-md-5 {
-        column-gap: var(--gap);
-    }
-}

package/src/gutter/md/vertical.css

@@ -1,38 +0,0 @@
-/* =========================================================================== *\
-    Vertical gutter utilities
-\* =========================================================================== */
-
-@media (--c-bp-md) {
-    .gy-md-0 {
-        --gap: 0px;
-    }
-
-    .gy-md-1 {
-        --gap: 10px;
-    }
-
-    .gy-md-2 {
-        --gap: 20px;
-    }
-
-    .gy-md-3 {
-        --gap: 30px;
-    }
-
-    .gy-md-4 {
-        --gap: 40px;
-    }
-
-    .gy-md-5 {
-        --gap: 50px;
-    }
-
-    .gy-md-0,
-    .gy-md-1,
-    .gy-md-2,
-    .gy-md-3,
-    .gy-md-4,
-    .gy-md-5 {
-        row-gap: var(--gap);
-    }
-}

package/src/gutter/sm/all.css

@@ -1,38 +0,0 @@
-/* =========================================================================== *\
-    All directions gutter utilities
-\* =========================================================================== */
-
-@media (--c-bp-sm) {
-    .g-sm-0 {
-        --gap: 0px;
-    }
-
-    .g-sm-1 {
-        --gap: 10px;
-    }
-
-    .g-sm-2 {
-        --gap: 20px;
-    }
-
-    .g-sm-3 {
-        --gap: 30px;
-    }
-
-    .g-sm-4 {
-        --gap: 40px;
-    }
-
-    .g-sm-5 {
-        --gap: 50px;
-    }
-
-    .g-sm-0,
-    .g-sm-1,
-    .g-sm-2,
-    .g-sm-3,
-    .g-sm-4,
-    .g-sm-5 {
-        gap: var(--gap);
-    }
-}

package/src/gutter/sm/horizontal.css

@@ -1,38 +0,0 @@
-/* =========================================================================== *\
-    Horizontal gutter utilities
-\* =========================================================================== */
-
-@media (--c-bp-sm) {
-    .gx-sm-0 {
-        --gap: 0px;
-    }
-
-    .gx-sm-1 {
-        --gap: 10px;
-    }
-
-    .gx-sm-2 {
-        --gap: 20px;
-    }
-
-    .gx-sm-3 {
-        --gap: 30px;
-    }
-
-    .gx-sm-4 {
-        --gap: 40px;
-    }
-
-    .gx-sm-5 {
-        --gap: 50px;
-    }
-
-    .gx-sm-0,
-    .gx-sm-1,
-    .gx-sm-2,
-    .gx-sm-3,
-    .gx-sm-4,
-    .gx-sm-5 {
-        column-gap: var(--gap);
-    }
-}

package/src/gutter/sm/vertical.css

@@ -1,38 +0,0 @@
-/* =========================================================================== *\
-    Vertical gutter utilities
-\* =========================================================================== */
-
-@media (--c-bp-sm) {
-    .gy-sm-0 {
-        --gap: 0px;
-    }
-
-    .gy-sm-1 {
-        --gap: 10px;
-    }
-
-    .gy-sm-2 {
-        --gap: 20px;
-    }
-
-    .gy-sm-3 {
-        --gap: 30px;
-    }
-
-    .gy-sm-4 {
-        --gap: 40px;
-    }
-
-    .gy-sm-5 {
-        --gap: 50px;
-    }
-
-    .gy-sm-0,
-    .gy-sm-1,
-    .gy-sm-2,
-    .gy-sm-3,
-    .gy-sm-4,
-    .gy-sm-5 {
-        row-gap: var(--gap);
-    }
-}