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

package/src/layout/generated/sizing.css

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