@pacem/pacem-theme-css 0.0.0-stage → 2.0.0-abel

package/src/layout/generated/grid-system.css

@@ -0,0 +1,308 @@
+/* Generated by theme/css/tools/generate.ts: do not edit, edit the generator instead. */
+.pacem-row .pacem-column {
+    &.col-12 { --pacem--cols: 12; }
+    &.col-11 { --pacem--cols: 11; }
+    &.col-10 { --pacem--cols: 10; }
+    &.col-9 { --pacem--cols: 9; }
+    &.col-8 { --pacem--cols: 8; }
+    &.col-7 { --pacem--cols: 7; }
+    &.col-6 { --pacem--cols: 6; }
+    &.col-5 { --pacem--cols: 5; }
+    &.col-4 { --pacem--cols: 4; }
+    &.col-3 { --pacem--cols: 3; }
+    &.col-2 { --pacem--cols: 2; }
+    &.col-1 { --pacem--cols: 1; }
+}
+.pacem-flex .pacem-box {
+    &.box-12 { --pacem--cols: 12; }
+    &.box-11 { --pacem--cols: 11; }
+    &.box-10 { --pacem--cols: 10; }
+    &.box-9 { --pacem--cols: 9; }
+    &.box-8 { --pacem--cols: 8; }
+    &.box-7 { --pacem--cols: 7; }
+    &.box-6 { --pacem--cols: 6; }
+    &.box-5 { --pacem--cols: 5; }
+    &.box-4 { --pacem--cols: 4; }
+    &.box-3 { --pacem--cols: 3; }
+    &.box-2 { --pacem--cols: 2; }
+    &.box-1 { --pacem--cols: 1; }
+}
+
+@media (--pacem-below-sm) {
+    .pacem-row .pacem-column {
+        &.col-xs-12 { --pacem--cols: 12; }
+        &.col-xs-11 { --pacem--cols: 11; }
+        &.col-xs-10 { --pacem--cols: 10; }
+        &.col-xs-9 { --pacem--cols: 9; }
+        &.col-xs-8 { --pacem--cols: 8; }
+        &.col-xs-7 { --pacem--cols: 7; }
+        &.col-xs-6 { --pacem--cols: 6; }
+        &.col-xs-5 { --pacem--cols: 5; }
+        &.col-xs-4 { --pacem--cols: 4; }
+        &.col-xs-3 { --pacem--cols: 3; }
+        &.col-xs-2 { --pacem--cols: 2; }
+        &.col-xs-1 { --pacem--cols: 1; }
+    }
+    .pacem-flex .pacem-box {
+        &.box-xs-12 { --pacem--cols: 12; }
+        &.box-xs-11 { --pacem--cols: 11; }
+        &.box-xs-10 { --pacem--cols: 10; }
+        &.box-xs-9 { --pacem--cols: 9; }
+        &.box-xs-8 { --pacem--cols: 8; }
+        &.box-xs-7 { --pacem--cols: 7; }
+        &.box-xs-6 { --pacem--cols: 6; }
+        &.box-xs-5 { --pacem--cols: 5; }
+        &.box-xs-4 { --pacem--cols: 4; }
+        &.box-xs-3 { --pacem--cols: 3; }
+        &.box-xs-2 { --pacem--cols: 2; }
+        &.box-xs-1 { --pacem--cols: 1; }
+    }
+}
+
+@media (--pacem-sm) {
+    .pacem-row .pacem-column {
+        &.col-sm-12 { --pacem--cols: 12; }
+        &.col-sm-11 { --pacem--cols: 11; }
+        &.col-sm-10 { --pacem--cols: 10; }
+        &.col-sm-9 { --pacem--cols: 9; }
+        &.col-sm-8 { --pacem--cols: 8; }
+        &.col-sm-7 { --pacem--cols: 7; }
+        &.col-sm-6 { --pacem--cols: 6; }
+        &.col-sm-5 { --pacem--cols: 5; }
+        &.col-sm-4 { --pacem--cols: 4; }
+        &.col-sm-3 { --pacem--cols: 3; }
+        &.col-sm-2 { --pacem--cols: 2; }
+        &.col-sm-1 { --pacem--cols: 1; }
+    }
+    .pacem-flex .pacem-box {
+        &.box-sm-12 { --pacem--cols: 12; }
+        &.box-sm-11 { --pacem--cols: 11; }
+        &.box-sm-10 { --pacem--cols: 10; }
+        &.box-sm-9 { --pacem--cols: 9; }
+        &.box-sm-8 { --pacem--cols: 8; }
+        &.box-sm-7 { --pacem--cols: 7; }
+        &.box-sm-6 { --pacem--cols: 6; }
+        &.box-sm-5 { --pacem--cols: 5; }
+        &.box-sm-4 { --pacem--cols: 4; }
+        &.box-sm-3 { --pacem--cols: 3; }
+        &.box-sm-2 { --pacem--cols: 2; }
+        &.box-sm-1 { --pacem--cols: 1; }
+    }
+}
+
+@media (--pacem-md) {
+    .pacem-row .pacem-column {
+        &.col-md-12 { --pacem--cols: 12; }
+        &.col-md-11 { --pacem--cols: 11; }
+        &.col-md-10 { --pacem--cols: 10; }
+        &.col-md-9 { --pacem--cols: 9; }
+        &.col-md-8 { --pacem--cols: 8; }
+        &.col-md-7 { --pacem--cols: 7; }
+        &.col-md-6 { --pacem--cols: 6; }
+        &.col-md-5 { --pacem--cols: 5; }
+        &.col-md-4 { --pacem--cols: 4; }
+        &.col-md-3 { --pacem--cols: 3; }
+        &.col-md-2 { --pacem--cols: 2; }
+        &.col-md-1 { --pacem--cols: 1; }
+    }
+    .pacem-flex .pacem-box {
+        &.box-md-12 { --pacem--cols: 12; }
+        &.box-md-11 { --pacem--cols: 11; }
+        &.box-md-10 { --pacem--cols: 10; }
+        &.box-md-9 { --pacem--cols: 9; }
+        &.box-md-8 { --pacem--cols: 8; }
+        &.box-md-7 { --pacem--cols: 7; }
+        &.box-md-6 { --pacem--cols: 6; }
+        &.box-md-5 { --pacem--cols: 5; }
+        &.box-md-4 { --pacem--cols: 4; }
+        &.box-md-3 { --pacem--cols: 3; }
+        &.box-md-2 { --pacem--cols: 2; }
+        &.box-md-1 { --pacem--cols: 1; }
+    }
+}
+
+@media (--pacem-lg) {
+    .pacem-row .pacem-column {
+        &.col-lg-12 { --pacem--cols: 12; }
+        &.col-lg-11 { --pacem--cols: 11; }
+        &.col-lg-10 { --pacem--cols: 10; }
+        &.col-lg-9 { --pacem--cols: 9; }
+        &.col-lg-8 { --pacem--cols: 8; }
+        &.col-lg-7 { --pacem--cols: 7; }
+        &.col-lg-6 { --pacem--cols: 6; }
+        &.col-lg-5 { --pacem--cols: 5; }
+        &.col-lg-4 { --pacem--cols: 4; }
+        &.col-lg-3 { --pacem--cols: 3; }
+        &.col-lg-2 { --pacem--cols: 2; }
+        &.col-lg-1 { --pacem--cols: 1; }
+    }
+    .pacem-flex .pacem-box {
+        &.box-lg-12 { --pacem--cols: 12; }
+        &.box-lg-11 { --pacem--cols: 11; }
+        &.box-lg-10 { --pacem--cols: 10; }
+        &.box-lg-9 { --pacem--cols: 9; }
+        &.box-lg-8 { --pacem--cols: 8; }
+        &.box-lg-7 { --pacem--cols: 7; }
+        &.box-lg-6 { --pacem--cols: 6; }
+        &.box-lg-5 { --pacem--cols: 5; }
+        &.box-lg-4 { --pacem--cols: 4; }
+        &.box-lg-3 { --pacem--cols: 3; }
+        &.box-lg-2 { --pacem--cols: 2; }
+        &.box-lg-1 { --pacem--cols: 1; }
+    }
+}
+
+@media (--pacem-xl) {
+    .pacem-row .pacem-column {
+        &.col-xl-12 { --pacem--cols: 12; }
+        &.col-xl-11 { --pacem--cols: 11; }
+        &.col-xl-10 { --pacem--cols: 10; }
+        &.col-xl-9 { --pacem--cols: 9; }
+        &.col-xl-8 { --pacem--cols: 8; }
+        &.col-xl-7 { --pacem--cols: 7; }
+        &.col-xl-6 { --pacem--cols: 6; }
+        &.col-xl-5 { --pacem--cols: 5; }
+        &.col-xl-4 { --pacem--cols: 4; }
+        &.col-xl-3 { --pacem--cols: 3; }
+        &.col-xl-2 { --pacem--cols: 2; }
+        &.col-xl-1 { --pacem--cols: 1; }
+    }
+    .pacem-flex .pacem-box {
+        &.box-xl-12 { --pacem--cols: 12; }
+        &.box-xl-11 { --pacem--cols: 11; }
+        &.box-xl-10 { --pacem--cols: 10; }
+        &.box-xl-9 { --pacem--cols: 9; }
+        &.box-xl-8 { --pacem--cols: 8; }
+        &.box-xl-7 { --pacem--cols: 7; }
+        &.box-xl-6 { --pacem--cols: 6; }
+        &.box-xl-5 { --pacem--cols: 5; }
+        &.box-xl-4 { --pacem--cols: 4; }
+        &.box-xl-3 { --pacem--cols: 3; }
+        &.box-xl-2 { --pacem--cols: 2; }
+        &.box-xl-1 { --pacem--cols: 1; }
+    }
+}
+
+@media (--pacem-hd) {
+    .pacem-row .pacem-column {
+        &.col-hd-12 { --pacem--cols: 12; }
+        &.col-hd-11 { --pacem--cols: 11; }
+        &.col-hd-10 { --pacem--cols: 10; }
+        &.col-hd-9 { --pacem--cols: 9; }
+        &.col-hd-8 { --pacem--cols: 8; }
+        &.col-hd-7 { --pacem--cols: 7; }
+        &.col-hd-6 { --pacem--cols: 6; }
+        &.col-hd-5 { --pacem--cols: 5; }
+        &.col-hd-4 { --pacem--cols: 4; }
+        &.col-hd-3 { --pacem--cols: 3; }
+        &.col-hd-2 { --pacem--cols: 2; }
+        &.col-hd-1 { --pacem--cols: 1; }
+    }
+    .pacem-flex .pacem-box {
+        &.box-hd-12 { --pacem--cols: 12; }
+        &.box-hd-11 { --pacem--cols: 11; }
+        &.box-hd-10 { --pacem--cols: 10; }
+        &.box-hd-9 { --pacem--cols: 9; }
+        &.box-hd-8 { --pacem--cols: 8; }
+        &.box-hd-7 { --pacem--cols: 7; }
+        &.box-hd-6 { --pacem--cols: 6; }
+        &.box-hd-5 { --pacem--cols: 5; }
+        &.box-hd-4 { --pacem--cols: 4; }
+        &.box-hd-3 { --pacem--cols: 3; }
+        &.box-hd-2 { --pacem--cols: 2; }
+        &.box-hd-1 { --pacem--cols: 1; }
+    }
+}
+
+@media (--pacem-2k) {
+    .pacem-row .pacem-column {
+        &.col-2k-12 { --pacem--cols: 12; }
+        &.col-2k-11 { --pacem--cols: 11; }
+        &.col-2k-10 { --pacem--cols: 10; }
+        &.col-2k-9 { --pacem--cols: 9; }
+        &.col-2k-8 { --pacem--cols: 8; }
+        &.col-2k-7 { --pacem--cols: 7; }
+        &.col-2k-6 { --pacem--cols: 6; }
+        &.col-2k-5 { --pacem--cols: 5; }
+        &.col-2k-4 { --pacem--cols: 4; }
+        &.col-2k-3 { --pacem--cols: 3; }
+        &.col-2k-2 { --pacem--cols: 2; }
+        &.col-2k-1 { --pacem--cols: 1; }
+    }
+    .pacem-flex .pacem-box {
+        &.box-2k-12 { --pacem--cols: 12; }
+        &.box-2k-11 { --pacem--cols: 11; }
+        &.box-2k-10 { --pacem--cols: 10; }
+        &.box-2k-9 { --pacem--cols: 9; }
+        &.box-2k-8 { --pacem--cols: 8; }
+        &.box-2k-7 { --pacem--cols: 7; }
+        &.box-2k-6 { --pacem--cols: 6; }
+        &.box-2k-5 { --pacem--cols: 5; }
+        &.box-2k-4 { --pacem--cols: 4; }
+        &.box-2k-3 { --pacem--cols: 3; }
+        &.box-2k-2 { --pacem--cols: 2; }
+        &.box-2k-1 { --pacem--cols: 1; }
+    }
+}
+
+@media (--pacem-4k) {
+    .pacem-row .pacem-column {
+        &.col-4k-12 { --pacem--cols: 12; }
+        &.col-4k-11 { --pacem--cols: 11; }
+        &.col-4k-10 { --pacem--cols: 10; }
+        &.col-4k-9 { --pacem--cols: 9; }
+        &.col-4k-8 { --pacem--cols: 8; }
+        &.col-4k-7 { --pacem--cols: 7; }
+        &.col-4k-6 { --pacem--cols: 6; }
+        &.col-4k-5 { --pacem--cols: 5; }
+        &.col-4k-4 { --pacem--cols: 4; }
+        &.col-4k-3 { --pacem--cols: 3; }
+        &.col-4k-2 { --pacem--cols: 2; }
+        &.col-4k-1 { --pacem--cols: 1; }
+    }
+    .pacem-flex .pacem-box {
+        &.box-4k-12 { --pacem--cols: 12; }
+        &.box-4k-11 { --pacem--cols: 11; }
+        &.box-4k-10 { --pacem--cols: 10; }
+        &.box-4k-9 { --pacem--cols: 9; }
+        &.box-4k-8 { --pacem--cols: 8; }
+        &.box-4k-7 { --pacem--cols: 7; }
+        &.box-4k-6 { --pacem--cols: 6; }
+        &.box-4k-5 { --pacem--cols: 5; }
+        &.box-4k-4 { --pacem--cols: 4; }
+        &.box-4k-3 { --pacem--cols: 3; }
+        &.box-4k-2 { --pacem--cols: 2; }
+        &.box-4k-1 { --pacem--cols: 1; }
+    }
+}
+
+@media (orientation: portrait) {
+    .pacem-row .pacem-column {
+        &.col-v-12 { --pacem--cols: 12; }
+        &.col-v-11 { --pacem--cols: 11; }
+        &.col-v-10 { --pacem--cols: 10; }
+        &.col-v-9 { --pacem--cols: 9; }
+        &.col-v-8 { --pacem--cols: 8; }
+        &.col-v-7 { --pacem--cols: 7; }
+        &.col-v-6 { --pacem--cols: 6; }
+        &.col-v-5 { --pacem--cols: 5; }
+        &.col-v-4 { --pacem--cols: 4; }
+        &.col-v-3 { --pacem--cols: 3; }
+        &.col-v-2 { --pacem--cols: 2; }
+        &.col-v-1 { --pacem--cols: 1; }
+    }
+    .pacem-flex .pacem-box {
+        &.box-v-12 { --pacem--cols: 12; }
+        &.box-v-11 { --pacem--cols: 11; }
+        &.box-v-10 { --pacem--cols: 10; }
+        &.box-v-9 { --pacem--cols: 9; }
+        &.box-v-8 { --pacem--cols: 8; }
+        &.box-v-7 { --pacem--cols: 7; }
+        &.box-v-6 { --pacem--cols: 6; }
+        &.box-v-5 { --pacem--cols: 5; }
+        &.box-v-4 { --pacem--cols: 4; }
+        &.box-v-3 { --pacem--cols: 3; }
+        &.box-v-2 { --pacem--cols: 2; }
+        &.box-v-1 { --pacem--cols: 1; }
+    }
+}