@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, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 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 (min-width: 576px){:where(:host,:root,.theme){--text-xs: var(--text-12)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-xs: var(--text-14)}}:where(:host,:root,.theme){--text-sm: var(--text-12)}@media (min-width: 576px){:where(:host,:root,.theme){--text-sm: var(--text-14)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-sm: var(--text-16)}}:where(:host,:root,.theme){--text-md: var(--text-14)}@media (min-width: 576px){:where(:host,:root,.theme){--text-md: var(--text-16)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-md: var(--text-18)}}:where(:host,:root,.theme){--text-lg: var(--text-16)}@media (min-width: 576px){:where(:host,:root,.theme){--text-lg: var(--text-18)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-lg: var(--text-20)}}:where(:host,:root,.theme){--text-xl: var(--text-18)}@media (min-width: 576px){:where(:host,:root,.theme){--text-xl: var(--text-20)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-xl: var(--text-22)}}