@volverjs/style/dist/props/typography.css

@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.

:where(:host,:root,.theme){--font-sans:ui-sans-serif,system-ui,Segoe UI,Ubuntu,Cantarell,Noto Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--text-smaller:smaller;--text-larger:larger;--text-6:.375rem;--text-8:.5rem;--text-10:.625rem;--text-12:.75rem;--text-14:.875rem;--text-16:1rem;--text-18:1.125rem;--text-20:1.25rem;--text-22:1.375rem;--text-24:1.5rem;--text-26:1.625rem;--text-28:1.75rem;--text-30:1.875rem;--text-32:2rem;--text-34:2.125rem;--text-36:2.25rem;--text-48:3rem;--text-60:3.75rem;--text-72:4.5rem;--text-96:6rem;--text-128:8rem;--text-xs:var(--text-10)}@media (width>=576px){:where(:host,:root,.theme){--text-xs:var(--text-12)}}@media (width>=1024px){:where(:host,:root,.theme){--text-xs:var(--text-14)}}:where(:host,:root,.theme){--text-sm:var(--text-12)}@media (width>=576px){:where(:host,:root,.theme){--text-sm:var(--text-14)}}@media (width>=1024px){:where(:host,:root,.theme){--text-sm:var(--text-16)}}:where(:host,:root,.theme){--text-md:var(--text-14)}@media (width>=576px){:where(:host,:root,.theme){--text-md:var(--text-16)}}@media (width>=1024px){:where(:host,:root,.theme){--text-md:var(--text-18)}}:where(:host,:root,.theme){--text-lg:var(--text-16)}@media (width>=576px){:where(:host,:root,.theme){--text-lg:var(--text-18)}}@media (width>=1024px){:where(:host,:root,.theme){--text-lg:var(--text-20)}}:where(:host,:root,.theme){--text-xl:var(--text-18)}@media (width>=576px){:where(:host,:root,.theme){--text-xl:var(--text-20)}}@media (width>=1024px){:where(:host,:root,.theme){--text-xl:var(--text-22)}}