feat(style): add more width utilities

globalbrain · Dec 28, 2023 · d2dd737 · d2dd737
1 parent ede2388
commit d2dd737
Showing 1 changed file with 19 additions and 7 deletions.
diff --git a/lib/styles/utilities.css b/lib/styles/utilities.css
@@ -63,6 +63,10 @@
 .s-justify-start   { justify-content: flex-start; }
 .s-justify-stretch { justify-content: stretch; }
 
+.m-auto  { margin: auto; }
+.my-auto { margin-top: auto; margin-bottom: auto; }
+.mx-auto { margin-right: auto; margin-left: auto; }
+
 .s-nowrap { white-space: nowrap; }
 
 .s-order-1  { order: 1; }
@@ -149,10 +153,18 @@
 .s-text-2 { color: var(--c-text-2); }
 .s-text-3 { color: var(--c-text-3); }
 
-.s-w-256 { width: 256px; }
-.s-w-320 { width: 320px; }
-.s-w-512 { width: 512px; }
-
-.s-max-w-256  { max-width: 256px; }
-.s-max-w-320  { max-width: 320px; }
-.s-max-w-512  { max-width: 512px; }
+.s-w-256  { width: 256px; }
+.s-w-320  { width: 320px; }
+.s-w-512  { width: 512px; }
+.s-w-full { max-width: 100%; }
+
+.s-max-w-256    { max-width: 256px; }
+.s-max-w-320    { max-width: 320px; }
+.s-max-w-512    { max-width: 512px; }
+.s-max-w-full   { max-width: 100%; }
+.s-max-w-lg     { max-width: 960px; }
+.s-max-w-md     { max-width: 768px; }
+.s-max-w-prose  { max-width: 65ch; }
+.s-max-w-sm     { max-width: 512px; }
+.s-max-w-xs     { max-width: 320px; }
+.s-max-w-xl     { max-width: 1216px; }