cacao-css 4.6.0 → 5.1.0

package/src/push/core/push-9.css

@@ -0,0 +1,39 @@
+/* =========================================================================== *\
+    Push 9's
+\* =========================================================================== */
+
+.push-1-9 {
+    left: calc(100% / 9);
+}
+
+.push-2-9 {
+    left: calc(100% / 9 * 2);
+}
+
+.push-3-9 {
+    left: calc(100% / 9 * 3);
+}
+
+.push-4-9 {
+    left: calc(100% / 9 * 4);
+}
+
+.push-5-9 {
+    left: calc(100% / 9 * 5);
+}
+
+.push-6-9 {
+    left: calc(100% / 9 * 6);
+}
+
+.push-7-9 {
+    left: calc(100% / 9 * 7);
+}
+
+.push-8-9 {
+    left: calc(100% / 9 * 8);
+}
+
+.push-9-9 {
+    left: 100%;
+}

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

@@ -0,0 +1,9 @@
+/* =========================================================================== *\
+    Push 0's
+\* =========================================================================== */
+
+@media (--c-bp-lg) {
+    .push-lg-0 {
+        left: 0;
+    }
+}

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

@@ -0,0 +1,9 @@
+/* =========================================================================== *\
+    Push 1's
+\* =========================================================================== */
+
+@media (--c-bp-lg) {
+    .push-lg-1-1 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,45 @@
+/* =========================================================================== *\
+    Push 10's
+\* =========================================================================== */
+
+@media (--c-bp-lg) {
+    .push-lg-1-10 {
+        left: 10%;
+    }
+
+    .push-lg-2-10 {
+        left: 20%;
+    }
+
+    .push-lg-3-10 {
+        left: 30%;
+    }
+
+    .push-lg-4-10 {
+        left: 40%;
+    }
+
+    .push-lg-5-10 {
+        left: 50%;
+    }
+
+    .push-lg-6-10 {
+        left: 60%;
+    }
+
+    .push-lg-7-10 {
+        left: 70%;
+    }
+
+    .push-lg-8-10 {
+        left: 80%;
+    }
+
+    .push-lg-9-10 {
+        left: 90%;
+    }
+
+    .push-lg-10-10 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,49 @@
+/* =========================================================================== *\
+    Push 11's
+\* =========================================================================== */
+
+@media (--c-bp-lg) {
+    .push-lg-1-11 {
+        left: calc(100% / 11);
+    }
+
+    .push-lg-2-11 {
+        left: calc(100% / 11 * 2);
+    }
+
+    .push-lg-3-11 {
+        left: calc(100% / 11 * 3);
+    }
+
+    .push-lg-4-11 {
+        left: calc(100% / 11 * 4);
+    }
+
+    .push-lg-5-11 {
+        left: calc(100% / 11 * 5);
+    }
+
+    .push-lg-6-11 {
+        left: calc(100% / 11 * 6);
+    }
+
+    .push-lg-7-11 {
+        left: calc(100% / 11 * 7);
+    }
+
+    .push-lg-8-11 {
+        left: calc(100% / 11 * 8);
+    }
+
+    .push-lg-9-11 {
+        left: calc(100% / 11 * 9);
+    }
+
+    .push-lg-10-11 {
+        left: calc(100% / 11 * 10);
+    }
+
+    .push-lg-11-11 {
+        left: 100%;
+    }
+}

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

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

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

@@ -0,0 +1,13 @@
+/* =========================================================================== *\
+    Push 2's
+\* =========================================================================== */
+
+@media (--c-bp-lg) {
+    .push-lg-1-2 {
+        left: 50%;
+    }
+
+    .push-lg-2-2 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,17 @@
+/* =========================================================================== *\
+    Push 3's
+\* =========================================================================== */
+
+@media (--c-bp-lg) {
+    .push-lg-1-3 {
+        left: calc(100% / 3);
+    }
+
+    .push-lg-2-3 {
+        left: calc(100% / 3 * 2);
+    }
+
+    .push-lg-3-3 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,21 @@
+/* =========================================================================== *\
+    Push 4's
+\* =========================================================================== */
+
+@media (--c-bp-lg) {
+    .push-lg-1-4 {
+        left: 25%;
+    }
+
+    .push-lg-2-4 {
+        left: 50%;
+    }
+
+    .push-lg-3-4 {
+        left: 75%;
+    }
+
+    .push-lg-4-4 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,25 @@
+/* =========================================================================== *\
+    Push 5's
+\* =========================================================================== */
+
+@media (--c-bp-lg) {
+    .push-lg-1-5 {
+        left: 20%;
+    }
+
+    .push-lg-2-5 {
+        left: 40%;
+    }
+
+    .push-lg-3-5 {
+        left: 60%;
+    }
+
+    .push-lg-4-5 {
+        left: 80%;
+    }
+
+    .push-lg-5-5 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,29 @@
+/* =========================================================================== *\
+    Push 6's
+\* =========================================================================== */
+
+@media (--c-bp-lg) {
+    .push-lg-1-6 {
+        left: calc(100% / 6);
+    }
+
+    .push-lg-2-6 {
+        left: calc(100% / 6 * 2);
+    }
+
+    .push-lg-3-6 {
+        left: 50%;
+    }
+
+    .push-lg-4-6 {
+        left: calc(100% / 6 * 4);
+    }
+
+    .push-lg-5-6 {
+        left: calc(100% / 6 * 5);
+    }
+
+    .push-lg-6-6 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,33 @@
+/* =========================================================================== *\
+    Push 7's
+\* =========================================================================== */
+
+@media (--c-bp-lg) {
+    .push-lg-1-7 {
+        left: calc(100% / 7);
+    }
+
+    .push-lg-2-7 {
+        left: calc(100% / 7 * 2);
+    }
+
+    .push-lg-3-7 {
+        left: calc(100% / 7 * 3);
+    }
+
+    .push-lg-4-7 {
+        left: calc(100% / 7 * 4);
+    }
+
+    .push-lg-5-7 {
+        left: calc(100% / 7 * 5);
+    }
+
+    .push-lg-6-7 {
+        left: calc(100% / 7 * 6);
+    }
+
+    .push-lg-7-7 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,37 @@
+/* =========================================================================== *\
+    Push 8's
+\* =========================================================================== */
+
+@media (--c-bp-lg) {
+    .push-lg-1-8 {
+        left: calc(100% / 8);
+    }
+
+    .push-lg-2-8 {
+        left: 25%;
+    }
+
+    .push-lg-3-8 {
+        left: calc(100% / 8 * 3);
+    }
+
+    .push-lg-4-8 {
+        left: 50%;
+    }
+
+    .push-lg-5-8 {
+        left: calc(100% / 8 * 5);
+    }
+
+    .push-lg-6-8 {
+        left: 75%;
+    }
+
+    .push-lg-7-8 {
+        left: calc(100% / 8 * 7);
+    }
+
+    .push-lg-8-8 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,41 @@
+/* =========================================================================== *\
+    Push 9's
+\* =========================================================================== */
+
+@media (--c-bp-lg) {
+    .push-lg-1-9 {
+        left: calc(100% / 9);
+    }
+
+    .push-lg-2-9 {
+        left: calc(100% / 9 * 2);
+    }
+
+    .push-lg-3-9 {
+        left: calc(100% / 9 * 3);
+    }
+
+    .push-lg-4-9 {
+        left: calc(100% / 9 * 4);
+    }
+
+    .push-lg-5-9 {
+        left: calc(100% / 9 * 5);
+    }
+
+    .push-lg-6-9 {
+        left: calc(100% / 9 * 6);
+    }
+
+    .push-lg-7-9 {
+        left: calc(100% / 9 * 7);
+    }
+
+    .push-lg-8-9 {
+        left: calc(100% / 9 * 8);
+    }
+
+    .push-lg-9-9 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,9 @@
+/* =========================================================================== *\
+    Push 0's
+\* =========================================================================== */
+
+@media (--c-bp-md) {
+    .push-md-0 {
+        left: 0;
+    }
+}

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

@@ -0,0 +1,9 @@
+/* =========================================================================== *\
+    Push 1's
+\* =========================================================================== */
+
+@media (--c-bp-md) {
+    .push-md-1-1 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,45 @@
+/* =========================================================================== *\
+    Push 10's
+\* =========================================================================== */
+
+@media (--c-bp-md) {
+    .push-md-1-10 {
+        left: 10%;
+    }
+
+    .push-md-2-10 {
+        left: 20%;
+    }
+
+    .push-md-3-10 {
+        left: 30%;
+    }
+
+    .push-md-4-10 {
+        left: 40%;
+    }
+
+    .push-md-5-10 {
+        left: 50%;
+    }
+
+    .push-md-6-10 {
+        left: 60%;
+    }
+
+    .push-md-7-10 {
+        left: 70%;
+    }
+
+    .push-md-8-10 {
+        left: 80%;
+    }
+
+    .push-md-9-10 {
+        left: 90%;
+    }
+
+    .push-md-10-10 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,49 @@
+/* =========================================================================== *\
+    Push 11's
+\* =========================================================================== */
+
+@media (--c-bp-md) {
+    .push-md-1-11 {
+        left: calc(100% / 11);
+    }
+
+    .push-md-2-11 {
+        left: calc(100% / 11 * 2);
+    }
+
+    .push-md-3-11 {
+        left: calc(100% / 11 * 3);
+    }
+
+    .push-md-4-11 {
+        left: calc(100% / 11 * 4);
+    }
+
+    .push-md-5-11 {
+        left: calc(100% / 11 * 5);
+    }
+
+    .push-md-6-11 {
+        left: calc(100% / 11 * 6);
+    }
+
+    .push-md-7-11 {
+        left: calc(100% / 11 * 7);
+    }
+
+    .push-md-8-11 {
+        left: calc(100% / 11 * 8);
+    }
+
+    .push-md-9-11 {
+        left: calc(100% / 11 * 9);
+    }
+
+    .push-md-10-11 {
+        left: calc(100% / 11 * 10);
+    }
+
+    .push-md-11-11 {
+        left: 100%;
+    }
+}

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

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

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

@@ -0,0 +1,13 @@
+/* =========================================================================== *\
+    Push 2's
+\* =========================================================================== */
+
+@media (--c-bp-md) {
+    .push-md-1-2 {
+        left: 50%;
+    }
+
+    .push-md-2-2 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,17 @@
+/* =========================================================================== *\
+    Push 3's
+\* =========================================================================== */
+
+@media (--c-bp-md) {
+    .push-md-1-3 {
+        left: calc(100% / 3);
+    }
+
+    .push-md-2-3 {
+        left: calc(100% / 3 * 2);
+    }
+
+    .push-md-3-3 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,21 @@
+/* =========================================================================== *\
+    Push 4's
+\* =========================================================================== */
+
+@media (--c-bp-md) {
+    .push-md-1-4 {
+        left: 25%;
+    }
+
+    .push-md-2-4 {
+        left: 50%;
+    }
+
+    .push-md-3-4 {
+        left: 75%;
+    }
+
+    .push-md-4-4 {
+        left: 100%;
+    }
+}

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

@@ -0,0 +1,25 @@
+/* =========================================================================== *\
+    Push 5's
+\* =========================================================================== */
+
+@media (--c-bp-md) {
+    .push-md-1-5 {
+        left: 20%;
+    }
+
+    .push-md-2-5 {
+        left: 40%;
+    }
+
+    .push-md-3-5 {
+        left: 60%;
+    }
+
+    .push-md-4-5 {
+        left: 80%;
+    }
+
+    .push-md-5-5 {
+        left: 100%;
+    }
+}