cacao-css 4.6.0 → 5.1.0

package/src/padding/xxl/end.css

@@ -0,0 +1,29 @@
+/* =========================================================================== *\
+    End padding utilities
+\* =========================================================================== */
+
+@media (--c-bp-xxl) {
+    .pe-xxl-0 {
+        padding-right: 0;
+    }
+
+    .pe-xxl-1 {
+        padding-right: 10px;
+    }
+
+    .pe-xxl-2 {
+        padding-right: 20px;
+    }
+
+    .pe-xxl-3 {
+        padding-right: 30px;
+    }
+
+    .pe-xxl-4 {
+        padding-right: 40px;
+    }
+
+    .pe-xxl-5 {
+        padding-right: 50px;
+    }
+}

package/src/padding/xxl/horizontal.css

@@ -0,0 +1,34 @@
+/* =========================================================================== *\
+    Horizontal padding utilities
+\* =========================================================================== */
+
+@media (--c-bp-xxl) {
+    .px-xxl-0 {
+        padding-left: 0;
+        padding-right: 0;
+    }
+    .px-xxl-1 {
+        padding-left: 10px;
+        padding-right: 10px;
+    }
+
+    .px-xxl-2 {
+        padding-left: 20px;
+        padding-right: 20px;
+    }
+
+    .px-xxl-3 {
+        padding-left: 30px;
+        padding-right: 30px;
+    }
+
+    .px-xxl-4 {
+        padding-left: 40px;
+        padding-right: 40px;
+    }
+
+    .px-xxl-5 {
+        padding-left: 50px;
+        padding-right: 50px;
+    }
+}

package/src/padding/xxl/start.css

@@ -0,0 +1,29 @@
+/* =========================================================================== *\
+    Start padding utilities
+\* =========================================================================== */
+
+@media (--c-bp-xxl) {
+    .ps-xxl-0 {
+        padding-left: 0;
+    }
+
+    .ps-xxl-1 {
+        padding-left: 10px;
+    }
+
+    .ps-xxl-2 {
+        padding-left: 20px;
+    }
+
+    .ps-xxl-3 {
+        padding-left: 30px;
+    }
+
+    .ps-xxl-4 {
+        padding-left: 40px;
+    }
+
+    .ps-xxl-5 {
+        padding-left: 50px;
+    }
+}

package/src/padding/xxl/top.css

@@ -0,0 +1,29 @@
+/* =========================================================================== *\
+    Top padding utilities
+\* =========================================================================== */
+
+@media (--c-bp-xxl) {
+    .pt-xxl-0 {
+        padding-top: 0;
+    }
+
+    .pt-xxl-1 {
+        padding-top: 10px;
+    }
+
+    .pt-xxl-2 {
+        padding-top: 20px;
+    }
+
+    .pt-xxl-3 {
+        padding-top: 30px;
+    }
+
+    .pt-xxl-4 {
+        padding-top: 40px;
+    }
+
+    .pt-xxl-5 {
+        padding-top: 50px;
+    }
+}

package/src/padding/xxl/vertical.css

@@ -0,0 +1,35 @@
+/* =========================================================================== *\
+    Vertical padding utilities
+\* =========================================================================== */
+
+@media (--c-bp-xxl) {
+    .py-xxl-0 {
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+
+    .py-xxl-1 {
+        padding-top: 10px;
+        padding-bottom: 10px;
+    }
+
+    .py-xxl-2 {
+        padding-top: 20px;
+        padding-bottom: 20px;
+    }
+
+    .py-xxl-3 {
+        padding-top: 30px;
+        padding-bottom: 30px;
+    }
+
+    .py-xxl-4 {
+        padding-top: 40px;
+        padding-bottom: 40px;
+    }
+
+    .py-xxl-5 {
+        padding-top: 50px;
+        padding-bottom: 50px;
+    }
+}

package/src/position/core/position.css

@@ -0,0 +1,23 @@
+/* =========================================================================== *\
+   Positioning utilities
+\* =========================================================================== */
+
+.absolute {
+    position: absolute;
+}
+
+.fixed {
+    position: fixed;
+}
+
+.relative {
+    position: relative;
+}
+
+.static {
+    position: static;
+}
+
+.sticky {
+    position: sticky;
+}

package/src/position/lg/position.css

@@ -0,0 +1,25 @@
+/* =========================================================================== *\
+   Positioning utilities
+\* =========================================================================== */
+
+@media (--c-bp-lg) {
+    .absolute-lg {
+        position: absolute;
+    }
+
+    .fixed-lg {
+        position: fixed;
+    }
+
+    .relative-lg {
+        position: relative;
+    }
+
+    .static-lg {
+        position: static;
+    }
+
+    .sticky-lg {
+        position: sticky;
+    }
+}

package/src/position/md/position.css

@@ -0,0 +1,25 @@
+/* =========================================================================== *\
+   Positioning utilities
+\* =========================================================================== */
+
+@media (--c-bp-md) {
+    .absolute-md {
+        position: absolute;
+    }
+
+    .fixed-md {
+        position: fixed;
+    }
+
+    .relative-md {
+        position: relative;
+    }
+
+    .static-md {
+        position: static;
+    }
+
+    .sticky-md {
+        position: sticky;
+    }
+}

package/src/position/sm/position.css

@@ -0,0 +1,25 @@
+/* =========================================================================== *\
+   Positioning utilities
+\* =========================================================================== */
+
+@media (--c-bp-sm) {
+    .absolute-sm {
+        position: absolute;
+    }
+
+    .fixed-sm {
+        position: fixed;
+    }
+
+    .relative-sm {
+        position: relative;
+    }
+
+    .static-sm {
+        position: static;
+    }
+
+    .sticky-sm {
+        position: sticky;
+    }
+}

package/src/position/xl/position.css

@@ -0,0 +1,25 @@
+/* =========================================================================== *\
+   Positioning utilities
+\* =========================================================================== */
+
+@media (--c-bp-xl) {
+    .absolute-xl {
+        position: absolute;
+    }
+
+    .fixed-xl {
+        position: fixed;
+    }
+
+    .relative-xl {
+        position: relative;
+    }
+
+    .static-xl {
+        position: static;
+    }
+
+    .sticky-xl {
+        position: sticky;
+    }
+}

package/src/position/xs/position.css

@@ -0,0 +1,25 @@
+/* =========================================================================== *\
+   Positioning utilities
+\* =========================================================================== */
+
+@media (--c-bp-xs) {
+    .absolute-xs {
+        position: absolute;
+    }
+
+    .fixed-xs {
+        position: fixed;
+    }
+
+    .relative-xs {
+        position: relative;
+    }
+
+    .static-xs {
+        position: static;
+    }
+
+    .sticky-xs {
+        position: sticky;
+    }
+}

package/src/position/xxl/position.css

@@ -0,0 +1,25 @@
+/* =========================================================================== *\
+   Positioning utilities
+\* =========================================================================== */
+
+@media (--c-bp-xxl) {
+    .absolute-xxl {
+        position: absolute;
+    }
+
+    .fixed-xxl {
+        position: fixed;
+    }
+
+    .relative-xxl {
+        position: relative;
+    }
+
+    .static-xxl {
+        position: static;
+    }
+
+    .sticky-xxl {
+        position: sticky;
+    }
+}

package/src/pull/core/pull-0.css

@@ -0,0 +1,7 @@
+/* =========================================================================== *\
+    Pull 0's
+\* =========================================================================== */
+
+.pull-0 {
+    right: 0;
+}

package/src/pull/core/pull-1.css

@@ -0,0 +1,7 @@
+/* =========================================================================== *\
+    Pull 1's
+\* =========================================================================== */
+
+.pull-1-1 {
+    right: 100%;
+}

package/src/pull/core/pull-10.css

@@ -0,0 +1,43 @@
+/* =========================================================================== *\
+    Pull 10's
+\* =========================================================================== */
+
+.pull-1-10 {
+    right: 10%;
+}
+
+.pull-2-10 {
+    right: 20%;
+}
+
+.pull-3-10 {
+    right: 30%;
+}
+
+.pull-4-10 {
+    right: 40%;
+}
+
+.pull-5-10 {
+    right: 50%;
+}
+
+.pull-6-10 {
+    right: 60%;
+}
+
+.pull-7-10 {
+    right: 70%;
+}
+
+.pull-8-10 {
+    right: 80%;
+}
+
+.pull-9-10 {
+    right: 90%;
+}
+
+.pull-10-10 {
+    right: 100%;
+}

package/src/pull/core/pull-11.css

@@ -0,0 +1,47 @@
+/* =========================================================================== *\
+    Pull 11's
+\* =========================================================================== */
+
+.pull-1-11 {
+    right: calc(100% / 11);
+}
+
+.pull-2-11 {
+    right: calc(100% / 11 * 2);
+}
+
+.pull-3-11 {
+    right: calc(100% / 11 * 3);
+}
+
+.pull-4-11 {
+    right: calc(100% / 11 * 4);
+}
+
+.pull-5-11 {
+    right: calc(100% / 11 * 5);
+}
+
+.pull-6-11 {
+    right: calc(100% / 11 * 6);
+}
+
+.pull-7-11 {
+    right: calc(100% / 11 * 7);
+}
+
+.pull-8-11 {
+    right: calc(100% / 11 * 8);
+}
+
+.pull-9-11 {
+    right: calc(100% / 11 * 9);
+}
+
+.pull-10-11 {
+    right: calc(100% / 11 * 10);
+}
+
+.pull-11-11 {
+    right: 100%;
+}

package/src/pull/core/pull-12.css

@@ -0,0 +1,51 @@
+/* =========================================================================== *\
+    Pull 12's
+\* =========================================================================== */
+
+.pull-1-12 {
+    right: calc(100% / 12);
+}
+
+.pull-2-12 {
+    right: calc(100% / 12 * 2);
+}
+
+.pull-3-12 {
+    right: 25%;
+}
+
+.pull-4-12 {
+    right: calc(100% / 12 * 4);
+}
+
+.pull-5-12 {
+    right: calc(100% / 12 * 5);
+}
+
+.pull-6-12 {
+    right: 50%;
+}
+
+.pull-7-12 {
+    right: calc(100% / 12 * 7);
+}
+
+.pull-8-12 {
+    right: calc(100% / 12 * 8);
+}
+
+.pull-9-12 {
+    right: 75%;
+}
+
+.pull-10-12 {
+    right: calc(100% / 12 * 10);
+}
+
+.pull-11-12 {
+    right: calc(100% / 12 * 11);
+}
+
+.pull-12-12 {
+    right: 100%;
+}

package/src/pull/core/pull-2.css

@@ -0,0 +1,11 @@
+/* =========================================================================== *\
+    Pull 2's
+\* =========================================================================== */
+
+.pull-1-2 {
+    right: 50%;
+}
+
+.pull-2-2 {
+    right: 100%;
+}

package/src/pull/core/pull-3.css

@@ -0,0 +1,15 @@
+/* =========================================================================== *\
+    Pull 3's
+\* =========================================================================== */
+
+.pull-1-3 {
+    right: calc(100% / 3);
+}
+
+.pull-2-3 {
+    right: calc(100% / 3 * 2);
+}
+
+.pull-3-3 {
+    right: 100%;
+}

package/src/pull/core/pull-4.css

@@ -0,0 +1,19 @@
+/* =========================================================================== *\
+    Pull 4's
+\* =========================================================================== */
+
+.pull-1-4 {
+    right: 25%;
+}
+
+.pull-2-4 {
+    right: 50%;
+}
+
+.pull-3-4 {
+    right: 75%;
+}
+
+.pull-4-4 {
+    right: 100%;
+}

package/src/pull/core/pull-5.css

@@ -0,0 +1,23 @@
+/* =========================================================================== *\
+    Pull 5's
+\* =========================================================================== */
+
+.pull-1-5 {
+    right: 20%;
+}
+
+.pull-2-5 {
+    right: 40%;
+}
+
+.pull-3-5 {
+    right: 60%;
+}
+
+.pull-4-5 {
+    right: 80%;
+}
+
+.pull-5-5 {
+    right: 100%;
+}

package/src/pull/core/pull-6.css

@@ -0,0 +1,27 @@
+/* =========================================================================== *\
+    Pull 6's
+\* =========================================================================== */
+
+.pull-1-6 {
+    right: calc(100% / 6);
+}
+
+.pull-2-6 {
+    right: calc(100% / 6 * 2);
+}
+
+.pull-3-6 {
+    right: 50%;
+}
+
+.pull-4-6 {
+    right: calc(100% / 6 * 4);
+}
+
+.pull-5-6 {
+    right: calc(100% / 6 * 5);
+}
+
+.pull-6-6 {
+    right: 100%;
+}

package/src/pull/core/pull-7.css

@@ -0,0 +1,31 @@
+/* =========================================================================== *\
+    Pull 7's
+\* =========================================================================== */
+
+.pull-1-7 {
+    right: calc(100% / 7);
+}
+
+.pull-2-7 {
+    right: calc(100% / 7 * 2);
+}
+
+.pull-3-7 {
+    right: calc(100% / 7 * 3);
+}
+
+.pull-4-7 {
+    right: calc(100% / 7 * 4);
+}
+
+.pull-5-7 {
+    right: calc(100% / 7 * 5);
+}
+
+.pull-6-7 {
+    right: calc(100% / 7 * 6);
+}
+
+.pull-7-7 {
+    right: 100%;
+}

package/src/pull/core/pull-8.css

@@ -0,0 +1,35 @@
+/* =========================================================================== *\
+    Pull 8's
+\* =========================================================================== */
+
+.pull-1-8 {
+    right: calc(100% / 8);
+}
+
+.pull-2-8 {
+    right: 25%;
+}
+
+.pull-3-8 {
+    right: calc(100% / 8 * 3);
+}
+
+.pull-4-8 {
+    right: 50%;
+}
+
+.pull-5-8 {
+    right: calc(100% / 8 * 5);
+}
+
+.pull-6-8 {
+    right: 75%;
+}
+
+.pull-7-8 {
+    right: calc(100% / 8 * 7);
+}
+
+.pull-8-8 {
+    right: 100%;
+}