cacao-css 6.2.0 → 6.3.0

package/dist/grid/2xl/grid.css

@@ -0,0 +1,26 @@
+/* =========================================================================== *\
+    Grid utilities
+\* =========================================================================== */
+
+@media (--m-2xl) {
+    .grid-2xl {
+        --gap: 0px;
+
+        display: flex;
+        flex-wrap: wrap;
+        margin-right: calc(var(--gap) * -1);
+    }
+
+    /* Not sure that overflow is necessary here. Removing it does not seem to have any consequences.
+      Keeping it means that items in a grid can't overflow when overflow is wanted (like when adjusting
+      the y-offset of an element when hovering over it).     */
+
+    /* .grid [class*=col-] {
+        overflow: hidden;
+    }     */
+
+    /* Don't adjust margin if column justification is being used.     */
+    .grid-2xl[class*="justify-"] {
+        margin-right: 0;
+    }
+}

package/dist/grid/2xs/grid.css

@@ -0,0 +1,26 @@
+/* =========================================================================== *\
+    Grid utilities
+\* =========================================================================== */
+
+@media (--m-2xs) {
+    .grid-2xs {
+        --gap: 0px;
+
+        display: flex;
+        flex-wrap: wrap;
+        margin-right: calc(var(--gap) * -1);
+    }
+
+    /* Not sure that overflow is necessary here. Removing it does not seem to have any consequences.
+      Keeping it means that items in a grid can't overflow when overflow is wanted (like when adjusting
+      the y-offset of an element when hovering over it).     */
+
+    /* .grid [class*=col-] {
+        overflow: hidden;
+    }     */
+
+    /* Don't adjust margin if column justification is being used.     */
+    .grid-2xs[class*="justify-"] {
+        margin-right: 0;
+    }
+}

package/dist/grid/3xl/grid.css

@@ -0,0 +1,26 @@
+/* =========================================================================== *\
+    Grid utilities
+\* =========================================================================== */
+
+@media (--m-3xl) {
+    .grid-3xl {
+        --gap: 0px;
+
+        display: flex;
+        flex-wrap: wrap;
+        margin-right: calc(var(--gap) * -1);
+    }
+
+    /* Not sure that overflow is necessary here. Removing it does not seem to have any consequences.
+      Keeping it means that items in a grid can't overflow when overflow is wanted (like when adjusting
+      the y-offset of an element when hovering over it).     */
+
+    /* .grid [class*=col-] {
+        overflow: hidden;
+    }     */
+
+    /* Don't adjust margin if column justification is being used.     */
+    .grid-3xl[class*="justify-"] {
+        margin-right: 0;
+    }
+}

package/dist/grid/3xs/grid.css

@@ -0,0 +1,26 @@
+/* =========================================================================== *\
+    Grid utilities
+\* =========================================================================== */
+
+@media (--m-3xs) {
+    .grid-3xs {
+        --gap: 0px;
+
+        display: flex;
+        flex-wrap: wrap;
+        margin-right: calc(var(--gap) * -1);
+    }
+
+    /* Not sure that overflow is necessary here. Removing it does not seem to have any consequences.
+      Keeping it means that items in a grid can't overflow when overflow is wanted (like when adjusting
+      the y-offset of an element when hovering over it).     */
+
+    /* .grid [class*=col-] {
+        overflow: hidden;
+    }     */
+
+    /* Don't adjust margin if column justification is being used.     */
+    .grid-3xs[class*="justify-"] {
+        margin-right: 0;
+    }
+}

package/dist/grid/4xl/grid.css

@@ -0,0 +1,26 @@
+/* =========================================================================== *\
+    Grid utilities
+\* =========================================================================== */
+
+@media (--m-4xl) {
+    .grid-4xl {
+        --gap: 0px;
+
+        display: flex;
+        flex-wrap: wrap;
+        margin-right: calc(var(--gap) * -1);
+    }
+
+    /* Not sure that overflow is necessary here. Removing it does not seem to have any consequences.
+      Keeping it means that items in a grid can't overflow when overflow is wanted (like when adjusting
+      the y-offset of an element when hovering over it).     */
+
+    /* .grid [class*=col-] {
+        overflow: hidden;
+    }     */
+
+    /* Don't adjust margin if column justification is being used.     */
+    .grid-4xl[class*="justify-"] {
+        margin-right: 0;
+    }
+}

package/dist/grid/5xl/grid.css

@@ -0,0 +1,26 @@
+/* =========================================================================== *\
+    Grid utilities
+\* =========================================================================== */
+
+@media (--m-5xl) {
+    .grid-5xl {
+        --gap: 0px;
+
+        display: flex;
+        flex-wrap: wrap;
+        margin-right: calc(var(--gap) * -1);
+    }
+
+    /* Not sure that overflow is necessary here. Removing it does not seem to have any consequences.
+      Keeping it means that items in a grid can't overflow when overflow is wanted (like when adjusting
+      the y-offset of an element when hovering over it).     */
+
+    /* .grid [class*=col-] {
+        overflow: hidden;
+    }     */
+
+    /* Don't adjust margin if column justification is being used.     */
+    .grid-5xl[class*="justify-"] {
+        margin-right: 0;
+    }
+}

package/dist/grid/grid.css

@@ -4,6 +4,7 @@
 
 .grid {
     --gap: 0px;
+
     display: flex;
     flex-wrap: wrap;
     margin-right: calc(var(--gap) * -1);
@@ -12,6 +13,7 @@
 /* Not sure that overflow is necessary here. Removing it does not seem to have any consequences.
   Keeping it means that items in a grid can't overflow when overflow is wanted (like when adjusting
   the y-offset of an element when hovering over it). */
+
 /* .grid [class*=col-] {
     overflow: hidden;
 } */

package/dist/grid/lg/grid.css

@@ -0,0 +1,26 @@
+/* =========================================================================== *\
+    Grid utilities
+\* =========================================================================== */
+
+@media (--m-lg) {
+    .grid-lg {
+        --gap: 0px;
+
+        display: flex;
+        flex-wrap: wrap;
+        margin-right: calc(var(--gap) * -1);
+    }
+
+    /* Not sure that overflow is necessary here. Removing it does not seem to have any consequences.
+      Keeping it means that items in a grid can't overflow when overflow is wanted (like when adjusting
+      the y-offset of an element when hovering over it).     */
+
+    /* .grid [class*=col-] {
+        overflow: hidden;
+    }     */
+
+    /* Don't adjust margin if column justification is being used.     */
+    .grid-lg[class*="justify-"] {
+        margin-right: 0;
+    }
+}

package/dist/grid/md/grid.css

@@ -0,0 +1,26 @@
+/* =========================================================================== *\
+    Grid utilities
+\* =========================================================================== */
+
+@media (--m-md) {
+    .grid-md {
+        --gap: 0px;
+
+        display: flex;
+        flex-wrap: wrap;
+        margin-right: calc(var(--gap) * -1);
+    }
+
+    /* Not sure that overflow is necessary here. Removing it does not seem to have any consequences.
+      Keeping it means that items in a grid can't overflow when overflow is wanted (like when adjusting
+      the y-offset of an element when hovering over it).     */
+
+    /* .grid [class*=col-] {
+        overflow: hidden;
+    }     */
+
+    /* Don't adjust margin if column justification is being used.     */
+    .grid-md[class*="justify-"] {
+        margin-right: 0;
+    }
+}

package/dist/grid/sm/grid.css

@@ -0,0 +1,26 @@
+/* =========================================================================== *\
+    Grid utilities
+\* =========================================================================== */
+
+@media (--m-sm) {
+    .grid-sm {
+        --gap: 0px;
+
+        display: flex;
+        flex-wrap: wrap;
+        margin-right: calc(var(--gap) * -1);
+    }
+
+    /* Not sure that overflow is necessary here. Removing it does not seem to have any consequences.
+      Keeping it means that items in a grid can't overflow when overflow is wanted (like when adjusting
+      the y-offset of an element when hovering over it).     */
+
+    /* .grid [class*=col-] {
+        overflow: hidden;
+    }     */
+
+    /* Don't adjust margin if column justification is being used.     */
+    .grid-sm[class*="justify-"] {
+        margin-right: 0;
+    }
+}

package/dist/grid/xl/grid.css

@@ -0,0 +1,26 @@
+/* =========================================================================== *\
+    Grid utilities
+\* =========================================================================== */
+
+@media (--m-xl) {
+    .grid-xl {
+        --gap: 0px;
+
+        display: flex;
+        flex-wrap: wrap;
+        margin-right: calc(var(--gap) * -1);
+    }
+
+    /* Not sure that overflow is necessary here. Removing it does not seem to have any consequences.
+      Keeping it means that items in a grid can't overflow when overflow is wanted (like when adjusting
+      the y-offset of an element when hovering over it).     */
+
+    /* .grid [class*=col-] {
+        overflow: hidden;
+    }     */
+
+    /* Don't adjust margin if column justification is being used.     */
+    .grid-xl[class*="justify-"] {
+        margin-right: 0;
+    }
+}

package/dist/grid/xs/grid.css

@@ -0,0 +1,26 @@
+/* =========================================================================== *\
+    Grid utilities
+\* =========================================================================== */
+
+@media (--m-xs) {
+    .grid-xs {
+        --gap: 0px;
+
+        display: flex;
+        flex-wrap: wrap;
+        margin-right: calc(var(--gap) * -1);
+    }
+
+    /* Not sure that overflow is necessary here. Removing it does not seem to have any consequences.
+      Keeping it means that items in a grid can't overflow when overflow is wanted (like when adjusting
+      the y-offset of an element when hovering over it).     */
+
+    /* .grid [class*=col-] {
+        overflow: hidden;
+    }     */
+
+    /* Don't adjust margin if column justification is being used.     */
+    .grid-xs[class*="justify-"] {
+        margin-right: 0;
+    }
+}