cacao-css 3.21.0 → 4.0.0

package/src/css/utils/pull/pull.css

@@ -1,122 +0,0 @@
-/* ==========================================================================
-   Pull utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-/* postcss-bem-linter: ignore */
-[class*='u-pull'] {
-    position: relative !important;
-}
-
-.u-pull1of12 {
-    left: calc(100% * -1 / 12) !important;
-}
-
-.u-pull1of10 {
-    left: -10% !important;
-}
-
-.u-pull1of8 {
-    left: -12.5% !important;
-}
-
-.u-pull1of6,
-.u-pull2of12 {
-    left: calc(100% * -1 / 6) !important;
-}
-
-.u-pull1of5,
-.u-pull2of10 {
-    left: -20% !important;
-}
-
-.u-pull1of4,
-.u-pull2of8,
-.u-pull3of12 {
-    left: -25% !important;
-}
-
-.u-pull3of10 {
-    left: -30% !important;
-}
-
-.u-pull1of3,
-.u-pull2of6,
-.u-pull4of12 {
-    left: calc(100% * -1 / 3) !important;
-}
-
-.u-pull3of8 {
-    left: -37.5% !important;
-}
-
-.u-pull2of5,
-.u-pull4of10 {
-    left: -40% !important;
-}
-
-.u-pull5of12 {
-    left: calc(100% * -5 / 12) !important;
-}
-
-.u-pull1of2,
-.u-pull2of4,
-.u-pull3of6,
-.u-pull4of8,
-.u-pull5of10,
-.u-pull6of12 {
-    left: -50% !important;
-}
-
-.u-pull7of12 {
-    left: calc(100% * -7 / 12) !important;
-}
-
-.u-pull3of5,
-.u-pull6of10 {
-    left: -60% !important;
-}
-
-.u-pull5of8 {
-    left: -62.5% !important;
-}
-
-.u-pull2of3,
-.u-pull4of6,
-.u-pull8of12 {
-    left: calc(100% * -2 / 3) !important;
-}
-
-.u-pull7of10 {
-    left: -70% !important;
-}
-
-.u-pull3of4,
-.u-pull6of8,
-.u-pull9of12 {
-    left: -75% !important;
-}
-
-.u-pull4of5,
-.u-pull8of10 {
-    left: -80% !important;
-}
-
-.u-pull5of6,
-.u-pull10of12 {
-    left: calc(100% * -5 / 6) !important;
-}
-
-.u-pull7of8 {
-    left: -87.5% !important;
-}
-
-.u-pull9of10 {
-    left: -90% !important;
-}
-
-.u-pull11of12 {
-    left: calc(100% * -11 / 12) !important;
-}
-

package/src/css/utils/push/index.css

@@ -1,4 +0,0 @@
-@import './push';
-@import './push-lg';
-@import './push-md';
-@import './push-sm';

package/src/css/utils/push/push-lg.css

@@ -1,130 +0,0 @@
-/* ==========================================================================
-   Push large
-   ========================================================================== */
-
-/** @define utilities */
-
-@media (--c-bp-lg) {
-
-    /* postcss-bem-linter: ignore */
-    [class*='u-lg-push'] {
-        position: relative !important;
-    }
-
-    .u-lg-pushNone {
-        left: 0 !important;
-    }
-
-    .u-lg-push1of12 {
-        left: calc(100% * 1 / 12) !important;
-    }
-
-    .u-lg-push1of10 {
-        left: 10% !important;
-    }
-
-    .u-lg-push1of8 {
-        left: 12.5% !important;
-    }
-
-    .u-lg-push1of6,
-    .u-lg-push2of12 {
-        left: calc(100% * 1 / 6) !important;
-    }
-
-    .u-lg-push1of5,
-    .u-lg-push2of10 {
-        left: 20% !important;
-    }
-
-    .u-lg-push1of4,
-    .u-lg-push2of8,
-    .u-lg-push3of12 {
-        left: 25% !important;
-    }
-
-    .u-lg-push3of10 {
-        left: 30% !important;
-    }
-
-    .u-lg-push1of3,
-    .u-lg-push2of6,
-    .u-lg-push4of12 {
-        left: calc(100% * 1 / 3) !important;
-    }
-
-    .u-lg-push3of8 {
-        left: 37.5% !important;
-    }
-
-    .u-lg-push2of5,
-    .u-lg-push4of10 {
-        left: 40% !important;
-    }
-
-    .u-lg-push5of12 {
-        left: calc(100% * 5 / 12) !important;
-    }
-
-    .u-lg-push1of2,
-    .u-lg-push2of4,
-    .u-lg-push3of6,
-    .u-lg-push4of8,
-    .u-lg-push5of10,
-    .u-lg-push6of12 {
-        left: 50% !important;
-    }
-
-    .u-lg-push7of12 {
-        left: calc(100% * 7 / 12) !important;
-    }
-
-    .u-lg-push3of5,
-    .u-lg-push6of10 {
-        left: 60% !important;
-    }
-
-    .u-lg-push5of8 {
-        left: 62.5% !important;
-    }
-
-    .u-lg-push2of3,
-    .u-lg-push4of6,
-    .u-lg-push8of12 {
-        left: calc(100% * 2 / 3) !important;
-    }
-
-    .u-lg-push7of10 {
-        left: 70% !important;
-    }
-
-    .u-lg-push3of4,
-    .u-lg-push6of8,
-    .u-lg-push9of12 {
-        left: 75% !important;
-    }
-
-    .u-lg-push4of5,
-    .u-lg-push8of10 {
-        left: 80% !important;
-    }
-
-    .u-lg-push5of6,
-    .u-lg-push10of12 {
-        left: calc(100% * 5 / 6) !important;
-    }
-
-    .u-lg-push7of8 {
-        left: 87.5% !important;
-    }
-
-    .u-lg-push9of10 {
-        left: 90% !important;
-    }
-
-    .u-lg-push11of12 {
-        left: calc(100% * 11 / 12) !important;
-    }
-
-}
-

package/src/css/utils/push/push-md.css

@@ -1,130 +0,0 @@
-/* ==========================================================================
-   Push medium
-   ========================================================================== */
-
-/** @define utilities */
-
-@media (--c-bp-md) {
-
-    /* postcss-bem-linter: ignore */
-    [class*='u-md-push'] {
-        position: relative !important;
-    }
-
-    .u-md-pushNone {
-        left: 0 !important;
-    }
-
-    .u-md-push1of12 {
-        left: calc(100% * 1 / 12) !important;
-    }
-
-    .u-md-push1of10 {
-        left: 10% !important;
-    }
-
-    .u-md-push1of8 {
-        left: 12.5% !important;
-    }
-
-    .u-md-push1of6,
-    .u-md-push2of12 {
-        left: calc(100% * 1 / 6) !important;
-    }
-
-    .u-md-push1of5,
-    .u-md-push2of10 {
-        left: 20% !important;
-    }
-
-    .u-md-push1of4,
-    .u-md-push2of8,
-    .u-md-push3of12 {
-        left: 25% !important;
-    }
-
-    .u-md-push3of10 {
-        left: 30% !important;
-    }
-
-    .u-md-push1of3,
-    .u-md-push2of6,
-    .u-md-push4of12 {
-        left: calc(100% * 1 / 3) !important;
-    }
-
-    .u-md-push3of8 {
-        left: 37.5% !important;
-    }
-
-    .u-md-push2of5,
-    .u-md-push4of10 {
-        left: 40% !important;
-    }
-
-    .u-md-push5of12 {
-        left: calc(100% * 5 / 12) !important;
-    }
-
-    .u-md-push1of2,
-    .u-md-push2of4,
-    .u-md-push3of6,
-    .u-md-push4of8,
-    .u-md-push5of10,
-    .u-md-push6of12 {
-        left: 50% !important;
-    }
-
-    .u-md-push7of12 {
-        left: calc(100% * 7 / 12) !important;
-    }
-
-    .u-md-push3of5,
-    .u-md-push6of10 {
-        left: 60% !important;
-    }
-
-    .u-md-push5of8 {
-        left: 62.5% !important;
-    }
-
-    .u-md-push2of3,
-    .u-md-push4of6,
-    .u-md-push8of12 {
-        left: calc(100% * 2 / 3) !important;
-    }
-
-    .u-md-push7of10 {
-        left: 70% !important;
-    }
-
-    .u-md-push3of4,
-    .u-md-push6of8,
-    .u-md-push9of12 {
-        left: 75% !important;
-    }
-
-    .u-md-push4of5,
-    .u-md-push8of10 {
-        left: 80% !important;
-    }
-
-    .u-md-push5of6,
-    .u-md-push10of12 {
-        left: calc(100% * 5 / 6) !important;
-    }
-
-    .u-md-push7of8 {
-        left: 87.5% !important;
-    }
-
-    .u-md-push9of10 {
-        left: 90% !important;
-    }
-
-    .u-md-push11of12 {
-        left: calc(100% * 11 / 12) !important;
-    }
-
-}
-

package/src/css/utils/push/push-sm.css

@@ -1,130 +0,0 @@
-/* ==========================================================================
-   Push small
-   ========================================================================== */
-
-/** @define utilities */
-
-@media (--c-bp-sm) {
-
-    /* postcss-bem-linter: ignore */
-    [class*='u-sm-push'] {
-        position: relative !important;
-    }
-
-    .u-sm-pushNone {
-        left: 0 !important;
-    }
-
-    .u-sm-push1of12 {
-        left: calc(100% * 1 / 12) !important;
-    }
-
-    .u-sm-push1of10 {
-        left: 10% !important;
-    }
-
-    .u-sm-push1of8 {
-        left: 12.5% !important;
-    }
-
-    .u-sm-push1of6,
-    .u-sm-push2of12 {
-        left: calc(100% * 1 / 6) !important;
-    }
-
-    .u-sm-push1of5,
-    .u-sm-push2of10 {
-        left: 20% !important;
-    }
-
-    .u-sm-push1of4,
-    .u-sm-push2of8,
-    .u-sm-push3of12 {
-        left: 25% !important;
-    }
-
-    .u-sm-push3of10 {
-        left: 30% !important;
-    }
-
-    .u-sm-push1of3,
-    .u-sm-push2of6,
-    .u-sm-push4of12 {
-        left: calc(100% * 1 / 3) !important;
-    }
-
-    .u-sm-push3of8 {
-        left: 37.5% !important;
-    }
-
-    .u-sm-push2of5,
-    .u-sm-push4of10 {
-        left: 40% !important;
-    }
-
-    .u-sm-push5of12 {
-        left: calc(100% * 5 / 12) !important;
-    }
-
-    .u-sm-push1of2,
-    .u-sm-push2of4,
-    .u-sm-push3of6,
-    .u-sm-push4of8,
-    .u-sm-push5of10,
-    .u-sm-push6of12 {
-        left: 50% !important;
-    }
-
-    .u-sm-push7of12 {
-        left: calc(100% * 7 / 12) !important;
-    }
-
-    .u-sm-push3of5,
-    .u-sm-push6of10 {
-        left: 60% !important;
-    }
-
-    .u-sm-push5of8 {
-        left: 62.5% !important;
-    }
-
-    .u-sm-push2of3,
-    .u-sm-push4of6,
-    .u-sm-push8of12 {
-        left: calc(100% * 2 / 3) !important;
-    }
-
-    .u-sm-push7of10 {
-        left: 70% !important;
-    }
-
-    .u-sm-push3of4,
-    .u-sm-push6of8,
-    .u-sm-push9of12 {
-        left: 75% !important;
-    }
-
-    .u-sm-push4of5,
-    .u-sm-push8of10 {
-        left: 80% !important;
-    }
-
-    .u-sm-push5of6,
-    .u-sm-push10of12 {
-        left: calc(100% * 5 / 6) !important;
-    }
-
-    .u-sm-push7of8 {
-        left: 87.5% !important;
-    }
-
-    .u-sm-push9of10 {
-        left: 90% !important;
-    }
-
-    .u-sm-push11of12 {
-        left: calc(100% * 11 / 12) !important;
-    }
-
-}
-

package/src/css/utils/push/push.css

@@ -1,122 +0,0 @@
-/* ==========================================================================
-   Push utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-/* postcss-bem-linter: ignore */
-[class*='u-push'] {
-    position: relative !important;
-}
-
-.u-push1of12 {
-    left: calc(100% * 1 / 12) !important;
-}
-
-.u-push1of10 {
-    left: 10% !important;
-}
-
-.u-push1of8 {
-    left: 12.5% !important;
-}
-
-.u-push1of6,
-.u-push2of12 {
-    left: calc(100% * 1 / 6) !important;
-}
-
-.u-push1of5,
-.u-push2of10 {
-    left: 20% !important;
-}
-
-.u-push1of4,
-.u-push2of8,
-.u-push3of12 {
-    left: 25% !important;
-}
-
-.u-push3of10 {
-    left: 30% !important;
-}
-
-.u-push1of3,
-.u-push2of6,
-.u-push4of12 {
-    left: calc(100% * 1 / 3) !important;
-}
-
-.u-push3of8 {
-    left: 37.5% !important;
-}
-
-.u-push2of5,
-.u-push4of10 {
-    left: 40% !important;
-}
-
-.u-push5of12 {
-    left: calc(100% * 5 / 12) !important;
-}
-
-.u-push1of2,
-.u-push2of4,
-.u-push3of6,
-.u-push4of8,
-.u-push5of10,
-.u-push6of12 {
-    left: 50% !important;
-}
-
-.u-push7of12 {
-    left: calc(100% * 7 / 12) !important;
-}
-
-.u-push3of5,
-.u-push6of10 {
-    left: 60% !important;
-}
-
-.u-push5of8 {
-    left: 62.5% !important;
-}
-
-.u-push2of3,
-.u-push4of6,
-.u-push8of12 {
-    left: calc(100% * 2 / 3) !important;
-}
-
-.u-push7of10 {
-    left: 70% !important;
-}
-
-.u-push3of4,
-.u-push6of8,
-.u-push9of12 {
-    left: 75% !important;
-}
-
-.u-push4of5,
-.u-push8of10 {
-    left: 80% !important;
-}
-
-.u-push5of6,
-.u-push10of12 {
-    left: calc(100% * 5 / 6) !important;
-}
-
-.u-push7of8 {
-    left: 87.5% !important;
-}
-
-.u-push9of10 {
-    left: 90% !important;
-}
-
-.u-push11of12 {
-    left: calc(100% * 11 / 12) !important;
-}
-

package/src/css/utils/radius/index.css

@@ -1 +0,0 @@
-@import './radius';

package/src/css/utils/radius/radius.css

@@ -1,35 +0,0 @@
-/* ==========================================================================
-   Border radius utilities
-   ========================================================================== */
-
-/** @define utilities */
-
-.u-radius1 {
-    border-radius: .6rem !important;
-}
-
-.u-radius2 {
-    border-radius: 1.8rem !important;
-}
-
-.u-radius3 {
-    border-radius: 2.4rem !important;
-}
-
-.u-radius4 {
-    border-radius: 3rem !important;
-}
-
-.u-radius5 {
-    border-radius: 3.6rem !important;
-}
-
-/**
- * Smooth border radius so that element will resember a circle or oval
- * depending on dimensions.
- */
-
-.u-radiusCircular {
-    border-radius: 50% !important;
-}
-

package/src/css/utils/size/height.css

@@ -1,25 +0,0 @@
-/* =========================================================================== *\
-    Height utilities
-\* =========================================================================== */
-
-.u-heightFull {
-    height: 100% !important;
-}
-
-@media (--c-bp-lg) {
-    .u-lg-heightFull {
-        height: 100% !important;
-    }
-}
-
-@media (--c-bp-md) {
-    .u-md-heightFull {
-        height: 100% !important;
-    }
-}
-
-@media (--c-bp-sm) {
-    .u-sm-heightFull {
-        height: 100% !important;
-    }
-}

package/src/css/utils/size/index.css

@@ -1,6 +0,0 @@
-@import './height';
-@import './size';
-@import './size-lg';
-@import './size-md';
-@import './size-sm';
-@import './width';