text-xs
|
font-size: var(--text-xs);/* 0.75rem */
line-height: var(--sf-leading, var(--text-xs--line-height));/* calc(1 / 0.75) */
|
text-sm
|
font-size: var(--text-sm);/* 0.875rem */
line-height: var(--sf-leading, var(--text-sm--line-height));/* calc(1.25 / 0.875) */
|
text-base
|
font-size: var(--text-base);/* 1rem */
line-height: var(--sf-leading, var(--text-base--line-height));/* calc(1.5 / 1) */
|
text-lg
|
font-size: var(--text-lg);/* 1.125rem */
line-height: var(--sf-leading, var(--text-lg--line-height));/* calc(1.75 / 1.125) */
|
text-xl
|
font-size: var(--text-xl);/* 1.25rem */
line-height: var(--sf-leading, var(--text-xl--line-height));/* calc(1.75 / 1.25) */
|
text-2xl
|
font-size: var(--text-2xl);/* 1.5rem */
line-height: var(--sf-leading, var(--text-2xl--line-height));/* calc(2 / 1.5) */
|
text-3xl
|
font-size: var(--text-3xl);/* 1.875rem */
line-height: var(--sf-leading, var(--text-3xl--line-height));/* calc(2.25 / 1.875) */
|
text-4xl
|
font-size: var(--text-4xl);/* 2.25rem */
line-height: var(--sf-leading, var(--text-4xl--line-height));/* calc(2.5 / 2.25) */
|
text-5xl
|
font-size: var(--text-5xl);/* 3rem */
line-height: var(--sf-leading, var(--text-5xl--line-height));/* 1.1 */
|
text-6xl
|
font-size: var(--text-6xl);/* 3.75rem */
line-height: var(--sf-leading, var(--text-6xl--line-height));/* 1.1 */
|
text-7xl
|
font-size: var(--text-7xl);/* 4.5rem */
line-height: var(--sf-leading, var(--text-7xl--line-height));/* 1 */
|
text-8xl
|
font-size: var(--text-8xl);/* 6rem */
line-height: var(--sf-leading, var(--text-8xl--line-height));/* 1 */
|
text-9xl
|
font-size: var(--text-9xl);/* 8rem */
line-height: var(--sf-leading, var(--text-9xl--line-height));/* 1 */
|
text-<number>
|
font-size: calc(var(--spacing) * <number>);/* 0.25rem */
|
text-4
|
font-size: calc(var(--spacing) * 4);
|
text-<number>/<modifier>
|
font-size: calc(var(--spacing) * <number>);/* 0.25rem */
line-height: calc(var(--spacing) * <modifier>);/* 0.25rem */
|
text-4/5
|
font-size: calc(var(--spacing) * 4);
line-height: calc(var(--spacing) * 5);
|
text-[<value>]
|
font-size: <value>;
|
text-[1rem]
|
font-size: 1rem;
|
text-[<value>]/<modifier>
|
font-size: <value>;
line-height: calc(var(--spacing) * <modifier>);/* 0.25rem */
|
text-[1rem]/5
|
font-size: 1rem;
line-height: calc(var(--spacing) * 5);
|
text-[<value>]/[<modifier>]
|
font-size: <value>;
line-height: [<modifier>];
|
text-[1rem]/[1.3]
|
font-size: 1rem;
line-height: 1.3;
|
text-(<custom-property>)
|
font-size: var(<custom-property>);
|
text-(--my-length)
|
font-size: var(--my-length);
|
text-(length:<custom-property>)
|
font-size: var(<custom-property>);
|
text-(length:--my-length)
|
font-size: var(--my-length);
|
