Skip to main content

Font Size

Typography
ResponsiveTypography

Utilities for controlling the font size of an element.

ClassProperties
ob-text-xsfont-size: var(--ob-text-xs);
line-height: var(--ob-line-height-xs)
ob-text-smfont-size: var(--ob-text-sm);
line-height: var(--ob-line-height-sm)
ob-text-basefont-size: var(--ob-text-base);
line-height: var(--ob-line-height-base)
ob-text-lgfont-size: var(--ob-text-lg);
line-height: var(--ob-line-height-lg)
ob-text-xlfont-size: var(--ob-text-xl);
line-height: var(--ob-line-height-xl)
ob-text-2xlfont-size: var(--ob-text-2xl);
line-height: var(--ob-line-height-2xl)
ob-text-3xlfont-size: var(--ob-text-3xl);
line-height: var(--ob-line-height-3xl)
ob-text-4xlfont-size: var(--ob-text-4xl);
line-height: var(--ob-line-height-4xl)
ob-text-5xlfont-size: var(--ob-text-5xl);
line-height: var(--ob-line-height-5xl)
ob-text-6xlfont-size: var(--ob-text-6xl);
line-height: var(--ob-line-height-6xl)
ob-text-7xlfont-size: var(--ob-text-7xl);
line-height: var(--ob-line-height-7xl)
ob-text-8xlfont-size: var(--ob-text-8xl);
line-height: var(--ob-line-height-8xl)
ob-text-9xlfont-size: var(--ob-text-9xl);
line-height: var(--ob-line-height-9xl)