@jaredpdesigns/pasta/widths.css

Pasta provides a great starting place for web projects. It combines light styling for common web elements, yummy!

@layer props{:root{--width__xxs:10rem;--width__xs:15rem;--width__s:20rem;--width__m:30rem;--width__ml:40rem;--width__l:60rem;--width__xl:80rem;--width__xxl:105rem;--width__xxxl:152rem}}@layer helpers{.width__xxs{margin-inline:auto;max-inline-size:var(--width__xxs);inline-size:100%}.width__xs{margin-inline:auto;max-inline-size:var(--width__xs);inline-size:100%}.width__s{margin-inline:auto;max-inline-size:var(--width__s);inline-size:100%}.width__m{margin-inline:auto;max-inline-size:var(--width__m);inline-size:100%}.width__ml{margin-inline:auto;max-inline-size:var(--width__ml);inline-size:100%}.width__l{margin-inline:auto;max-inline-size:var(--width__l);inline-size:100%}.width__xl{margin-inline:auto;max-inline-size:var(--width__xl);inline-size:100%}.width__xxl{margin-inline:auto;max-inline-size:var(--width__xxl);inline-size:100%}.width__xxxl{margin-inline:auto;max-inline-size:var(--width__xxxl);inline-size:100%}.width__full{max-inline-size:100%;inline-size:100%}}