cacao-css 3.20.0 → 4.0.0

package/src/css/utils/padding/gutters-lg.css

@@ -1,40 +0,0 @@
-/* ==========================================================================
-   Gutter utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-/**
- * Add side gutters of various sizes
- */
-
-:root {
-    --utils-padding-gutter-lg: 10px;
-}
-
-@media (--c-bp-lg) {
-    .u-lg-gutters0 {
-        padding-left: 0 !important;
-        padding-right: 0 !important;
-    }
-
-    .u-lg-gutters1 {
-        padding-left: var(--utils-padding-gutter-lg) !important;
-        padding-right: var(--utils-padding-gutter-lg) !important;
-    }
-
-    .u-lg-gutters2 {
-        padding-left: calc(var(--utils-padding-gutter-lg) * 2) !important;
-        padding-right: calc(var(--utils-padding-gutter-lg) * 2) !important;
-    }
-
-    .u-lg-gutters3 {
-        padding-left: calc(var(--utils-padding-gutter-lg) * 3) !important;
-        padding-right: calc(var(--utils-padding-gutter-lg) * 3) !important;
-    }
-
-    .u-lg-gutters4 {
-        padding-left: calc(var(--utils-padding-gutter-lg) * 4) !important;
-        padding-right: calc(var(--utils-padding-gutter-lg) * 4) !important;
-    }
-}

package/src/css/utils/padding/gutters-md.css

@@ -1,40 +0,0 @@
-/* ==========================================================================
-   Gutter utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-/**
- * Add side gutters of various sizes
- */
-
-:root {
-    --utils-padding-gutter-md: 10px;
-}
-
-@media (--c-bp-md) {
-    .u-md-gutters0 {
-        padding-left: 0 !important;
-        padding-right: 0 !important;
-    }
-
-    .u-md-gutters1 {
-        padding-left: var(--utils-padding-gutter-md) !important;
-        padding-right: var(--utils-padding-gutter-md) !important;
-    }
-
-    .u-md-gutters2 {
-        padding-left: calc(var(--utils-padding-gutter-md) * 2) !important;
-        padding-right: calc(var(--utils-padding-gutter-md) * 2) !important;
-    }
-
-    .u-md-gutters3 {
-        padding-left: calc(var(--utils-padding-gutter-md) * 3) !important;
-        padding-right: calc(var(--utils-padding-gutter-md) * 3) !important;
-    }
-
-    .u-md-gutters4 {
-        padding-left: calc(var(--utils-padding-gutter-md) * 4) !important;
-        padding-right: calc(var(--utils-padding-gutter-md) * 4) !important;
-    }
-}

package/src/css/utils/padding/gutters-sm.css

@@ -1,40 +0,0 @@
-/* ==========================================================================
-   Gutter utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-/**
- * Add side gutters of various sizes
- */
-
-:root {
-    --utils-padding-gutter-sm: 10px;
-}
-
-@media (--c-bp-sm) {
-    .u-sm-gutters0 {
-        padding-left: 0 !important;
-        padding-right: 0 !important;
-    }
-
-    .u-sm-gutters1 {
-        padding-left: var(--utils-padding-gutter-sm) !important;
-        padding-right: var(--utils-padding-gutter-sm) !important;
-    }
-
-    .u-sm-gutters2 {
-        padding-left: calc(var(--utils-padding-gutter-sm) * 2) !important;
-        padding-right: calc(var(--utils-padding-gutter-sm) * 2) !important;
-    }
-
-    .u-sm-gutters3 {
-        padding-left: calc(var(--utils-padding-gutter-sm) * 3) !important;
-        padding-right: calc(var(--utils-padding-gutter-sm) * 3) !important;
-    }
-
-    .u-sm-gutters4 {
-        padding-left: calc(var(--utils-padding-gutter-sm) * 4) !important;
-        padding-right: calc(var(--utils-padding-gutter-sm) * 4) !important;
-    }
-}

package/src/css/utils/padding/gutters.css

@@ -1,39 +0,0 @@
-/* ==========================================================================
-   Gutter utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-/**
- * Add side gutters of various sizes
- */
-
-:root {
-    --utils-padding-gutter: 10px;
-}
-
-.u-gutters0 {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-}
-
-.u-gutters1 {
-    padding-left: var(--utils-padding-gutter) !important;
-    padding-right: var(--utils-padding-gutter) !important;
-}
-
-.u-gutters2 {
-    padding-left: calc(var(--utils-padding-gutter) * 2) !important;
-    padding-right: calc(var(--utils-padding-gutter) * 2) !important;
-}
-
-.u-gutters3 {
-    padding-left: calc(var(--utils-padding-gutter) * 3) !important;
-    padding-right: calc(var(--utils-padding-gutter) * 3) !important;
-}
-
-.u-gutters4 {
-    padding-left: calc(var(--utils-padding-gutter) * 4) !important;
-    padding-right: calc(var(--utils-padding-gutter) * 4) !important;
-}
-

package/src/css/utils/padding/index.css

@@ -1,28 +0,0 @@
-/**
- * General (multiple edge) padding utilities appear before more specific ones so
- * that the edge specific utilities will take precedence.
- */
-@import './gutters';
-@import './gutters-lg';
-@import './gutters-md';
-@import './gutters-sm';
-@import './pad-bottom';
-@import './pad-bottom-lg';
-@import './pad-bottom-md';
-@import './pad-bottom-sm';
-@import './pad-left';
-@import './pad-left-lg';
-@import './pad-left-md';
-@import './pad-left-sm';
-@import './pad-right';
-@import './pad-right-lg';
-@import './pad-right-md';
-@import './pad-right-sm';
-@import './pad-top';
-@import './pad-top-lg';
-@import './pad-top-md';
-@import './pad-top-sm';
-@import './spaced';
-@import './spaced-lg';
-@import './spaced-md';
-@import './spaced-sm';

package/src/css/utils/padding/pad-bottom-lg.css

@@ -1,35 +0,0 @@
-/* ==========================================================================
-   Bottom padding utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-:root {
-    --utils-padding-bottom-lg: 10px;
-}
-
-@media (--c-bp-lg) {
-    .u-lg-padBottom0 {
-        padding-bottom: 0 !important;
-    }
-
-    .u-lg-padBottom1 {
-        padding-bottom: var(--utils-padding-bottom-lg) !important;
-    }
-
-    .u-lg-padBottom2 {
-        padding-bottom: calc(var(--utils-padding-bottom-lg) * 2) !important;
-    }
-
-    .u-lg-padBottom3 {
-        padding-bottom: calc(var(--utils-padding-bottom-lg) * 3) !important;
-    }
-
-    .u-lg-padBottom4 {
-        padding-bottom: calc(var(--utils-padding-bottom-lg) * 4) !important;
-    }
-
-    .u-lg-padBottom5 {
-        padding-bottom: calc(var(--utils-padding-bottom-lg) * 5) !important;
-    }
-}

package/src/css/utils/padding/pad-bottom-md.css

@@ -1,35 +0,0 @@
-/* ==========================================================================
-   Bottom padding utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-:root {
-    --utils-padding-bottom-md: 10px;
-}
-
-@media (--c-bp-md) {
-    .u-md-padBottom0 {
-        padding-bottom: 0 !important;
-    }
-
-    .u-md-padBottom1 {
-        padding-bottom: var(--utils-padding-bottom-md) !important;
-    }
-
-    .u-md-padBottom2 {
-        padding-bottom: calc(var(--utils-padding-bottom-md) * 2) !important;
-    }
-
-    .u-md-padBottom3 {
-        padding-bottom: calc(var(--utils-padding-bottom-md) * 3) !important;
-    }
-
-    .u-md-padBottom4 {
-        padding-bottom: calc(var(--utils-padding-bottom-md) * 4) !important;
-    }
-
-    .u-md-padBottom5 {
-        padding-bottom: calc(var(--utils-padding-bottom-md) * 5) !important;
-    }
-}

package/src/css/utils/padding/pad-bottom-sm.css

@@ -1,35 +0,0 @@
-/* ==========================================================================
-   Bottom padding utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-:root {
-    --utils-padding-bottom-sm: 10px;
-}
-
-@media (--c-bp-sm) {
-    .u-sm-padBottom0 {
-        padding-bottom: 0 !important;
-    }
-
-    .u-sm-padBottom1 {
-        padding-bottom: var(--utils-padding-bottom-sm) !important;
-    }
-
-    .u-sm-padBottom2 {
-        padding-bottom: calc(var(--utils-padding-bottom-sm) * 2) !important;
-    }
-
-    .u-sm-padBottom3 {
-        padding-bottom: calc(var(--utils-padding-bottom-sm) * 3) !important;
-    }
-
-    .u-sm-padBottom4 {
-        padding-bottom: calc(var(--utils-padding-bottom-sm) * 4) !important;
-    }
-
-    .u-sm-padBottom5 {
-        padding-bottom: calc(var(--utils-padding-bottom-sm) * 5) !important;
-    }
-}

package/src/css/utils/padding/pad-bottom.css

@@ -1,34 +0,0 @@
-/* ==========================================================================
-   Bottom padding utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-:root {
-    --utils-padding-bottom: 10px;
-}
-
-.u-padBottom0 {
-    padding-bottom: 0 !important;
-}
-
-.u-padBottom1 {
-    padding-bottom: var(--utils-padding-bottom) !important;
-}
-
-.u-padBottom2 {
-    padding-bottom: calc(var(--utils-padding-bottom) * 2) !important;
-}
-
-.u-padBottom3 {
-    padding-bottom: calc(var(--utils-padding-bottom) * 3) !important;
-}
-
-.u-padBottom4 {
-    padding-bottom: calc(var(--utils-padding-bottom) * 4) !important;
-}
-
-.u-padBottom5 {
-    padding-bottom: calc(var(--utils-padding-bottom) * 5) !important;
-}
-

package/src/css/utils/padding/pad-left-lg.css

@@ -1,35 +0,0 @@
-/* ==========================================================================
-   Left padding utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-:root {
-    --utils-padding-left-lg: 10px;
-}
-
-@media (--c-bp-lg) {
-    .u-lg-padLeft0 {
-        padding-left: 0 !important;
-    }
-
-    .u-lg-padLeft1 {
-        padding-left: var(--utils-padding-left-lg) !important;
-    }
-
-    .u-lg-padLeft2 {
-        padding-left: calc(var(--utils-padding-left-lg) * 2) !important;
-    }
-
-    .u-lg-padLeft3 {
-        padding-left: calc(var(--utils-padding-left-lg) * 3) !important;
-    }
-
-    .u-lg-padLeft4 {
-        padding-left: calc(var(--utils-padding-left-lg) * 4) !important;
-    }
-
-    .u-lg-padLeft5 {
-        padding-left: calc(var(--utils-padding-left-lg) * 5) !important;
-    }
-}

package/src/css/utils/padding/pad-left-md.css

@@ -1,35 +0,0 @@
-/* ==========================================================================
-   Left padding utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-:root {
-    --utils-padding-left-md: 10px;
-}
-
-@media (--c-bp-md) {
-    .u-md-padLeft0 {
-        padding-left: 0 !important;
-    }
-
-    .u-md-padLeft1 {
-        padding-left: var(--utils-padding-left-md) !important;
-    }
-
-    .u-md-padLeft2 {
-        padding-left: calc(var(--utils-padding-left-md) * 2) !important;
-    }
-
-    .u-md-padLeft3 {
-        padding-left: calc(var(--utils-padding-left-md) * 3) !important;
-    }
-
-    .u-md-padLeft4 {
-        padding-left: calc(var(--utils-padding-left-md) * 4) !important;
-    }
-
-    .u-md-padLeft5 {
-        padding-left: calc(var(--utils-padding-left-md) * 5) !important;
-    }
-}

package/src/css/utils/padding/pad-left-sm.css

@@ -1,35 +0,0 @@
-/* ==========================================================================
-   Left padding utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-:root {
-    --utils-padding-left-sm: 10px;
-}
-
-@media (--c-bp-sm) {
-    .u-sm-padLeft0 {
-        padding-left: 0 !important;
-    }
-
-    .u-sm-padLeft1 {
-        padding-left: var(--utils-padding-left-sm) !important;
-    }
-
-    .u-sm-padLeft2 {
-        padding-left: calc(var(--utils-padding-left-sm) * 2) !important;
-    }
-
-    .u-sm-padLeft3 {
-        padding-left: calc(var(--utils-padding-left-sm) * 3) !important;
-    }
-
-    .u-sm-padLeft4 {
-        padding-left: calc(var(--utils-padding-left-sm) * 4) !important;
-    }
-
-    .u-sm-padLeft5 {
-        padding-left: calc(var(--utils-padding-left-sm) * 5) !important;
-    }
-}

package/src/css/utils/padding/pad-left.css

@@ -1,33 +0,0 @@
-/* ==========================================================================
-   Left padding utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-:root {
-    --utils-padding-left: 10px;
-}
-
-.u-padLeft0 {
-    padding-left: 0 !important;
-}
-
-.u-padLeft1 {
-    padding-left: var(--utils-padding-left) !important;
-}
-
-.u-padLeft2 {
-    padding-left: calc(var(--utils-padding-left) * 2) !important;
-}
-
-.u-padLeft3 {
-    padding-left: calc(var(--utils-padding-left) * 3) !important;
-}
-
-.u-padLeft4 {
-    padding-left: calc(var(--utils-padding-left) * 4) !important;
-}
-
-.u-padLeft5 {
-    padding-left: calc(var(--utils-padding-left) * 5) !important;
-}

package/src/css/utils/padding/pad-right-lg.css

@@ -1,35 +0,0 @@
-/* ==========================================================================
-   Right padding utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-:root {
-    --utils-padding-right-lg: 10px;
-}
-
-@media (--c-bp-lg) {
-    .u-lg-padRight0 {
-        padding-right: 0 !important;
-    }
-
-    .u-lg-padRight1 {
-        padding-right: var(--utils-padding-right-lg) !important;
-    }
-
-    .u-lg-padRight2 {
-        padding-right: calc(var(--utils-padding-right-lg) * 2) !important;
-    }
-
-    .u-lg-padRight3 {
-        padding-right: calc(var(--utils-padding-right-lg) * 3) !important;
-    }
-
-    .u-lg-padRight4 {
-        padding-right: calc(var(--utils-padding-right-lg) * 4) !important;
-    }
-
-    .u-lg-padRight5 {
-        padding-right: calc(var(--utils-padding-right-lg) * 5) !important;
-    }
-}

package/src/css/utils/padding/pad-right-md.css

@@ -1,35 +0,0 @@
-/* ==========================================================================
-   Right padding utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-:root {
-    --utils-padding-right-md: 10px;
-}
-
-@media (--c-bp-md) {
-    .u-md-padRight0 {
-        padding-right: 0 !important;
-    }
-
-    .u-md-padRight1 {
-        padding-right: var(--utils-padding-right-md) !important;
-    }
-
-    .u-md-padRight2 {
-        padding-right: calc(var(--utils-padding-right-md) * 2) !important;
-    }
-
-    .u-md-padRight3 {
-        padding-right: calc(var(--utils-padding-right-md) * 3) !important;
-    }
-
-    .u-md-padRight4 {
-        padding-right: calc(var(--utils-padding-right-md) * 4) !important;
-    }
-
-    .u-md-padRight5 {
-        padding-right: calc(var(--utils-padding-right-md) * 5) !important;
-    }
-}

package/src/css/utils/padding/pad-right-sm.css

@@ -1,35 +0,0 @@
-/* ==========================================================================
-   Right padding utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-:root {
-    --utils-padding-right-sm: 10px;
-}
-
-@media (--c-bp-sm) {
-    .u-sm-padRight0 {
-        padding-right: 0 !important;
-    }
-
-    .u-sm-padRight1 {
-        padding-right: var(--utils-padding-right-sm) !important;
-    }
-
-    .u-sm-padRight2 {
-        padding-right: calc(var(--utils-padding-right-sm) * 2) !important;
-    }
-
-    .u-sm-padRight3 {
-        padding-right: calc(var(--utils-padding-right-sm) * 3) !important;
-    }
-
-    .u-sm-padRight4 {
-        padding-right: calc(var(--utils-padding-right-sm) * 4) !important;
-    }
-
-    .u-sm-padRight5 {
-        padding-right: calc(var(--utils-padding-right-sm) * 5) !important;
-    }
-}

package/src/css/utils/padding/pad-right.css

@@ -1,33 +0,0 @@
-/* ==========================================================================
-   Right padding utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-:root {
-    --utils-padding-right: 10px;
-}
-
-.u-padRight0 {
-    padding-right: 0 !important;
-}
-
-.u-padRight1 {
-    padding-right: var(--utils-padding-right) !important;
-}
-
-.u-padRight2 {
-    padding-right: calc(var(--utils-padding-right) * 2) !important;
-}
-
-.u-padRight3 {
-    padding-right: calc(var(--utils-padding-right) * 3) !important;
-}
-
-.u-padRight4 {
-    padding-right: calc(var(--utils-padding-right) * 4) !important;
-}
-
-.u-padRight5 {
-    padding-right: calc(var(--utils-padding-right) * 5) !important;
-}

package/src/css/utils/padding/pad-top-lg.css

@@ -1,35 +0,0 @@
-/* ==========================================================================
-   Top padding utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-:root {
-    --utils-padding-top-lg: 10px;
-}
-
-@media (--c-bp-lg) {
-    .u-lg-padTop0 {
-        padding-top: 0 !important;
-    }
-
-    .u-lg-padTop1 {
-        padding-top: var(--utils-padding-top-lg) !important;
-    }
-
-    .u-lg-padTop2 {
-        padding-top: calc(var(--utils-padding-top-lg) * 2) !important;
-    }
-
-    .u-lg-padTop3 {
-        padding-top: calc(var(--utils-padding-top-lg) * 3) !important;
-    }
-
-    .u-lg-padTop4 {
-        padding-top: calc(var(--utils-padding-top-lg) * 4) !important;
-    }
-
-    .u-lg-padTop5 {
-        padding-top: calc(var(--utils-padding-top-lg) * 5) !important;
-    }
-}

package/src/css/utils/padding/pad-top-md.css

@@ -1,35 +0,0 @@
-/* ==========================================================================
-   Top padding utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-:root {
-    --utils-padding-top-md: 10px;
-}
-
-@media (--c-bp-md) {
-    .u-md-padTop0 {
-        padding-top: 0 !important;
-    }
-
-    .u-md-padTop1 {
-        padding-top: var(--utils-padding-top-md) !important;
-    }
-
-    .u-md-padTop2 {
-        padding-top: calc(var(--utils-padding-top-md) * 2) !important;
-    }
-
-    .u-md-padTop3 {
-        padding-top: calc(var(--utils-padding-top-md) * 3) !important;
-    }
-
-    .u-md-padTop4 {
-        padding-top: calc(var(--utils-padding-top-md) * 4) !important;
-    }
-
-    .u-md-padTop5 {
-        padding-top: calc(var(--utils-padding-top-md) * 5) !important;
-    }
-}