< Tokens
Typography
File: typography/complete.json
lineheight
lineheight-body
| Name | CSS Variable | Value |
|---|---|---|
| font-lineheight-body-small | --mds-font-lineheight-body-small | 16px |
| font-lineheight-body-midsize | --mds-font-lineheight-body-midsize | 20px |
| font-lineheight-body-large | --mds-font-lineheight-body-large | 24px |
lineheight-heading
| Name | CSS Variable | Value |
|---|---|---|
| font-lineheight-heading-small | --mds-font-lineheight-heading-small | 28px |
| font-lineheight-heading-midsize | --mds-font-lineheight-heading-midsize | 32px |
| font-lineheight-heading-large | --mds-font-lineheight-heading-large | 40px |
| font-lineheight-heading-xlarge | --mds-font-lineheight-heading-xlarge | 52px |
lineheight-headline
| Name | CSS Variable | Value |
|---|---|---|
| font-lineheight-headline-small | --mds-font-lineheight-headline-small | 64px |
lineheight
| Name | CSS Variable | Value |
|---|---|---|
| font-lineheight-base | --mds-font-lineheight-base | 16px |
family
family
| Name | CSS Variable | Value |
|---|---|---|
| font-family-primary | --mds-font-family-primary | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
weight
weight
| Name | CSS Variable | Value |
|---|---|---|
| font-weight-light | --mds-font-weight-light | 300 |
| font-weight-regular | --mds-font-weight-regular | 400 |
| font-weight-medium | --mds-font-weight-medium | 500 |
| font-weight-bold | --mds-font-weight-bold | 700 |
size
size-body
| Name | CSS Variable | Value |
|---|---|---|
| font-size-body-small | --mds-font-size-body-small | 12px |
| font-size-body-midsize | --mds-font-size-body-midsize | 14px |
| font-size-body-large | --mds-font-size-body-large | 16px |
size-heading
| Name | CSS Variable | Value |
|---|---|---|
| font-size-heading-small | --mds-font-size-heading-small | 20px |
| font-size-heading-midsize | --mds-font-size-heading-midsize | 24px |
| font-size-heading-large | --mds-font-size-heading-large | 32px |
| font-size-heading-xlarge | --mds-font-size-heading-xlarge | 40px |
size-headline
| Name | CSS Variable | Value |
|---|---|---|
| font-size-headline-small | --mds-font-size-headline-small | 52px |
size
| Name | CSS Variable | Value |
|---|---|---|
| font-size-base | --mds-font-size-base | 16px |
text-transform
text-transform
| Name | CSS Variable | Value |
|---|---|---|
| font-text-transform-none | --mds-font-text-transform-none | none |
| font-text-transform-uppercase | --mds-font-text-transform-uppercase | uppercase |
| font-text-transform-lowercase | --mds-font-text-transform-lowercase | lowercase |
| font-text-transform-titlecase | --mds-font-text-transform-titlecase | titlecase |
decoration
decoration
| Name | CSS Variable | Value |
|---|---|---|
| font-decoration-underline | --mds-font-decoration-underline | underline |
| font-decoration-none | --mds-font-decoration-none | none |
apps
apps-body-small-regular
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-small-regular-fontFamily | --mds-font-apps-body-small-regular-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-small-regular-fontWeight | --mds-font-apps-body-small-regular-font-weight | 400 |
| font-apps-body-small-regular-lineHeight | --mds-font-apps-body-small-regular-line-height | 16px |
| font-apps-body-small-regular-fontSize | --mds-font-apps-body-small-regular-font-size | 12px |
| font-apps-body-small-regular-textCase | --mds-font-apps-body-small-regular-text-case | none |
| font-apps-body-small-regular-textDecoration | --mds-font-apps-body-small-regular-text-decoration | none |
apps-body-small-regular-underline
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-small-regular-underline-fontFamily | --mds-font-apps-body-small-regular-underline-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-small-regular-underline-fontWeight | --mds-font-apps-body-small-regular-underline-font-weight | 400 |
| font-apps-body-small-regular-underline-lineHeight | --mds-font-apps-body-small-regular-underline-line-height | 16px |
| font-apps-body-small-regular-underline-fontSize | --mds-font-apps-body-small-regular-underline-font-size | 12px |
| font-apps-body-small-regular-underline-textCase | --mds-font-apps-body-small-regular-underline-text-case | none |
| font-apps-body-small-regular-underline-textDecoration | --mds-font-apps-body-small-regular-underline-text-decoration | underline |
apps-body-small-medium
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-small-medium-fontFamily | --mds-font-apps-body-small-medium-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-small-medium-fontWeight | --mds-font-apps-body-small-medium-font-weight | 500 |
| font-apps-body-small-medium-lineHeight | --mds-font-apps-body-small-medium-line-height | 16px |
| font-apps-body-small-medium-fontSize | --mds-font-apps-body-small-medium-font-size | 12px |
| font-apps-body-small-medium-textCase | --mds-font-apps-body-small-medium-text-case | none |
| font-apps-body-small-medium-textDecoration | --mds-font-apps-body-small-medium-text-decoration | none |
apps-body-small-medium-underline
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-small-medium-underline-fontFamily | --mds-font-apps-body-small-medium-underline-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-small-medium-underline-fontWeight | --mds-font-apps-body-small-medium-underline-font-weight | 500 |
| font-apps-body-small-medium-underline-lineHeight | --mds-font-apps-body-small-medium-underline-line-height | 16px |
| font-apps-body-small-medium-underline-fontSize | --mds-font-apps-body-small-medium-underline-font-size | 12px |
| font-apps-body-small-medium-underline-textCase | --mds-font-apps-body-small-medium-underline-text-case | none |
| font-apps-body-small-medium-underline-textDecoration | --mds-font-apps-body-small-medium-underline-text-decoration | underline |
apps-body-small-bold
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-small-bold-fontFamily | --mds-font-apps-body-small-bold-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-small-bold-fontWeight | --mds-font-apps-body-small-bold-font-weight | 700 |
| font-apps-body-small-bold-lineHeight | --mds-font-apps-body-small-bold-line-height | 16px |
| font-apps-body-small-bold-fontSize | --mds-font-apps-body-small-bold-font-size | 12px |
| font-apps-body-small-bold-textCase | --mds-font-apps-body-small-bold-text-case | none |
| font-apps-body-small-bold-textDecoration | --mds-font-apps-body-small-bold-text-decoration | none |
apps-body-midsize-regular
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-midsize-regular-fontFamily | --mds-font-apps-body-midsize-regular-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-midsize-regular-fontWeight | --mds-font-apps-body-midsize-regular-font-weight | 400 |
| font-apps-body-midsize-regular-lineHeight | --mds-font-apps-body-midsize-regular-line-height | 20px |
| font-apps-body-midsize-regular-fontSize | --mds-font-apps-body-midsize-regular-font-size | 14px |
| font-apps-body-midsize-regular-textCase | --mds-font-apps-body-midsize-regular-text-case | none |
| font-apps-body-midsize-regular-textDecoration | --mds-font-apps-body-midsize-regular-text-decoration | none |
apps-body-midsize-regular-underline
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-midsize-regular-underline-fontFamily | --mds-font-apps-body-midsize-regular-underline-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-midsize-regular-underline-fontWeight | --mds-font-apps-body-midsize-regular-underline-font-weight | 400 |
| font-apps-body-midsize-regular-underline-lineHeight | --mds-font-apps-body-midsize-regular-underline-line-height | 20px |
| font-apps-body-midsize-regular-underline-fontSize | --mds-font-apps-body-midsize-regular-underline-font-size | 14px |
| font-apps-body-midsize-regular-underline-textCase | --mds-font-apps-body-midsize-regular-underline-text-case | none |
| font-apps-body-midsize-regular-underline-textDecoration | --mds-font-apps-body-midsize-regular-underline-text-decoration | underline |
apps-body-midsize-medium
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-midsize-medium-fontFamily | --mds-font-apps-body-midsize-medium-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-midsize-medium-fontWeight | --mds-font-apps-body-midsize-medium-font-weight | 500 |
| font-apps-body-midsize-medium-lineHeight | --mds-font-apps-body-midsize-medium-line-height | 20px |
| font-apps-body-midsize-medium-fontSize | --mds-font-apps-body-midsize-medium-font-size | 14px |
| font-apps-body-midsize-medium-textCase | --mds-font-apps-body-midsize-medium-text-case | none |
| font-apps-body-midsize-medium-textDecoration | --mds-font-apps-body-midsize-medium-text-decoration | none |
apps-body-midsize-medium-underline
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-midsize-medium-underline-fontFamily | --mds-font-apps-body-midsize-medium-underline-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-midsize-medium-underline-fontWeight | --mds-font-apps-body-midsize-medium-underline-font-weight | 500 |
| font-apps-body-midsize-medium-underline-lineHeight | --mds-font-apps-body-midsize-medium-underline-line-height | 20px |
| font-apps-body-midsize-medium-underline-fontSize | --mds-font-apps-body-midsize-medium-underline-font-size | 14px |
| font-apps-body-midsize-medium-underline-textCase | --mds-font-apps-body-midsize-medium-underline-text-case | none |
| font-apps-body-midsize-medium-underline-textDecoration | --mds-font-apps-body-midsize-medium-underline-text-decoration | underline |
apps-body-midsize-bold
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-midsize-bold-fontFamily | --mds-font-apps-body-midsize-bold-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-midsize-bold-fontWeight | --mds-font-apps-body-midsize-bold-font-weight | 700 |
| font-apps-body-midsize-bold-lineHeight | --mds-font-apps-body-midsize-bold-line-height | 20px |
| font-apps-body-midsize-bold-fontSize | --mds-font-apps-body-midsize-bold-font-size | 14px |
| font-apps-body-midsize-bold-textCase | --mds-font-apps-body-midsize-bold-text-case | none |
| font-apps-body-midsize-bold-textDecoration | --mds-font-apps-body-midsize-bold-text-decoration | none |
apps-body-large-regular
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-large-regular-fontFamily | --mds-font-apps-body-large-regular-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-large-regular-fontWeight | --mds-font-apps-body-large-regular-font-weight | 400 |
| font-apps-body-large-regular-lineHeight | --mds-font-apps-body-large-regular-line-height | 24px |
| font-apps-body-large-regular-fontSize | --mds-font-apps-body-large-regular-font-size | 16px |
| font-apps-body-large-regular-textCase | --mds-font-apps-body-large-regular-text-case | none |
| font-apps-body-large-regular-textDecoration | --mds-font-apps-body-large-regular-text-decoration | none |
apps-body-large-regular-underline
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-large-regular-underline-fontFamily | --mds-font-apps-body-large-regular-underline-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-large-regular-underline-fontWeight | --mds-font-apps-body-large-regular-underline-font-weight | 400 |
| font-apps-body-large-regular-underline-lineHeight | --mds-font-apps-body-large-regular-underline-line-height | 24px |
| font-apps-body-large-regular-underline-fontSize | --mds-font-apps-body-large-regular-underline-font-size | 16px |
| font-apps-body-large-regular-underline-textCase | --mds-font-apps-body-large-regular-underline-text-case | none |
| font-apps-body-large-regular-underline-textDecoration | --mds-font-apps-body-large-regular-underline-text-decoration | underline |
apps-body-large-medium
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-large-medium-fontFamily | --mds-font-apps-body-large-medium-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-large-medium-fontWeight | --mds-font-apps-body-large-medium-font-weight | 500 |
| font-apps-body-large-medium-lineHeight | --mds-font-apps-body-large-medium-line-height | 24px |
| font-apps-body-large-medium-fontSize | --mds-font-apps-body-large-medium-font-size | 16px |
| font-apps-body-large-medium-textCase | --mds-font-apps-body-large-medium-text-case | none |
| font-apps-body-large-medium-textDecoration | --mds-font-apps-body-large-medium-text-decoration | none |
apps-body-large-medium-underline
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-large-medium-underline-fontFamily | --mds-font-apps-body-large-medium-underline-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-large-medium-underline-fontWeight | --mds-font-apps-body-large-medium-underline-font-weight | 500 |
| font-apps-body-large-medium-underline-lineHeight | --mds-font-apps-body-large-medium-underline-line-height | 24px |
| font-apps-body-large-medium-underline-fontSize | --mds-font-apps-body-large-medium-underline-font-size | 16px |
| font-apps-body-large-medium-underline-textCase | --mds-font-apps-body-large-medium-underline-text-case | none |
| font-apps-body-large-medium-underline-textDecoration | --mds-font-apps-body-large-medium-underline-text-decoration | underline |
apps-body-large-bold
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-body-large-bold-fontFamily | --mds-font-apps-body-large-bold-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-body-large-bold-fontWeight | --mds-font-apps-body-large-bold-font-weight | 700 |
| font-apps-body-large-bold-lineHeight | --mds-font-apps-body-large-bold-line-height | 24px |
| font-apps-body-large-bold-fontSize | --mds-font-apps-body-large-bold-font-size | 16px |
| font-apps-body-large-bold-textCase | --mds-font-apps-body-large-bold-text-case | none |
| font-apps-body-large-bold-textDecoration | --mds-font-apps-body-large-bold-text-decoration | none |
apps-heading-small-regular
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-heading-small-regular-fontFamily | --mds-font-apps-heading-small-regular-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-heading-small-regular-fontWeight | --mds-font-apps-heading-small-regular-font-weight | 400 |
| font-apps-heading-small-regular-lineHeight | --mds-font-apps-heading-small-regular-line-height | 28px |
| font-apps-heading-small-regular-fontSize | --mds-font-apps-heading-small-regular-font-size | 20px |
| font-apps-heading-small-regular-textCase | --mds-font-apps-heading-small-regular-text-case | none |
| font-apps-heading-small-regular-textDecoration | --mds-font-apps-heading-small-regular-text-decoration | none |
apps-heading-small-medium
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-heading-small-medium-fontFamily | --mds-font-apps-heading-small-medium-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-heading-small-medium-fontWeight | --mds-font-apps-heading-small-medium-font-weight | 500 |
| font-apps-heading-small-medium-lineHeight | --mds-font-apps-heading-small-medium-line-height | 28px |
| font-apps-heading-small-medium-fontSize | --mds-font-apps-heading-small-medium-font-size | 20px |
| font-apps-heading-small-medium-textCase | --mds-font-apps-heading-small-medium-text-case | none |
| font-apps-heading-small-medium-textDecoration | --mds-font-apps-heading-small-medium-text-decoration | none |
apps-heading-small-bold
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-heading-small-bold-fontFamily | --mds-font-apps-heading-small-bold-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-heading-small-bold-fontWeight | --mds-font-apps-heading-small-bold-font-weight | 700 |
| font-apps-heading-small-bold-lineHeight | --mds-font-apps-heading-small-bold-line-height | 28px |
| font-apps-heading-small-bold-fontSize | --mds-font-apps-heading-small-bold-font-size | 20px |
| font-apps-heading-small-bold-textCase | --mds-font-apps-heading-small-bold-text-case | none |
| font-apps-heading-small-bold-textDecoration | --mds-font-apps-heading-small-bold-text-decoration | none |
apps-heading-midsize-regular
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-heading-midsize-regular-fontFamily | --mds-font-apps-heading-midsize-regular-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-heading-midsize-regular-fontWeight | --mds-font-apps-heading-midsize-regular-font-weight | 400 |
| font-apps-heading-midsize-regular-lineHeight | --mds-font-apps-heading-midsize-regular-line-height | 32px |
| font-apps-heading-midsize-regular-fontSize | --mds-font-apps-heading-midsize-regular-font-size | 24px |
| font-apps-heading-midsize-regular-textCase | --mds-font-apps-heading-midsize-regular-text-case | none |
| font-apps-heading-midsize-regular-textDecoration | --mds-font-apps-heading-midsize-regular-text-decoration | none |
apps-heading-midsize-medium
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-heading-midsize-medium-fontFamily | --mds-font-apps-heading-midsize-medium-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-heading-midsize-medium-fontWeight | --mds-font-apps-heading-midsize-medium-font-weight | 500 |
| font-apps-heading-midsize-medium-lineHeight | --mds-font-apps-heading-midsize-medium-line-height | 32px |
| font-apps-heading-midsize-medium-fontSize | --mds-font-apps-heading-midsize-medium-font-size | 24px |
| font-apps-heading-midsize-medium-textCase | --mds-font-apps-heading-midsize-medium-text-case | none |
| font-apps-heading-midsize-medium-textDecoration | --mds-font-apps-heading-midsize-medium-text-decoration | none |
apps-heading-midsize-bold
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-heading-midsize-bold-fontFamily | --mds-font-apps-heading-midsize-bold-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-heading-midsize-bold-fontWeight | --mds-font-apps-heading-midsize-bold-font-weight | 700 |
| font-apps-heading-midsize-bold-lineHeight | --mds-font-apps-heading-midsize-bold-line-height | 32px |
| font-apps-heading-midsize-bold-fontSize | --mds-font-apps-heading-midsize-bold-font-size | 24px |
| font-apps-heading-midsize-bold-textCase | --mds-font-apps-heading-midsize-bold-text-case | none |
| font-apps-heading-midsize-bold-textDecoration | --mds-font-apps-heading-midsize-bold-text-decoration | none |
apps-heading-large-regular
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-heading-large-regular-fontFamily | --mds-font-apps-heading-large-regular-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-heading-large-regular-fontWeight | --mds-font-apps-heading-large-regular-font-weight | 400 |
| font-apps-heading-large-regular-lineHeight | --mds-font-apps-heading-large-regular-line-height | 40px |
| font-apps-heading-large-regular-fontSize | --mds-font-apps-heading-large-regular-font-size | 32px |
| font-apps-heading-large-regular-textCase | --mds-font-apps-heading-large-regular-text-case | none |
| font-apps-heading-large-regular-textDecoration | --mds-font-apps-heading-large-regular-text-decoration | none |
apps-heading-large-medium
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-heading-large-medium-fontFamily | --mds-font-apps-heading-large-medium-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-heading-large-medium-fontWeight | --mds-font-apps-heading-large-medium-font-weight | 500 |
| font-apps-heading-large-medium-lineHeight | --mds-font-apps-heading-large-medium-line-height | 40px |
| font-apps-heading-large-medium-fontSize | --mds-font-apps-heading-large-medium-font-size | 32px |
| font-apps-heading-large-medium-textCase | --mds-font-apps-heading-large-medium-text-case | none |
| font-apps-heading-large-medium-textDecoration | --mds-font-apps-heading-large-medium-text-decoration | none |
apps-heading-large-bold
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-heading-large-bold-fontFamily | --mds-font-apps-heading-large-bold-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-heading-large-bold-fontWeight | --mds-font-apps-heading-large-bold-font-weight | 700 |
| font-apps-heading-large-bold-lineHeight | --mds-font-apps-heading-large-bold-line-height | 40px |
| font-apps-heading-large-bold-fontSize | --mds-font-apps-heading-large-bold-font-size | 32px |
| font-apps-heading-large-bold-textCase | --mds-font-apps-heading-large-bold-text-case | none |
| font-apps-heading-large-bold-textDecoration | --mds-font-apps-heading-large-bold-text-decoration | none |
apps-heading-xlarge-regular
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-heading-xlarge-regular-fontFamily | --mds-font-apps-heading-xlarge-regular-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-heading-xlarge-regular-fontWeight | --mds-font-apps-heading-xlarge-regular-font-weight | 400 |
| font-apps-heading-xlarge-regular-lineHeight | --mds-font-apps-heading-xlarge-regular-line-height | 52px |
| font-apps-heading-xlarge-regular-fontSize | --mds-font-apps-heading-xlarge-regular-font-size | 40px |
| font-apps-heading-xlarge-regular-textCase | --mds-font-apps-heading-xlarge-regular-text-case | none |
| font-apps-heading-xlarge-regular-textDecoration | --mds-font-apps-heading-xlarge-regular-text-decoration | none |
apps-heading-xlarge-medium
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-heading-xlarge-medium-fontFamily | --mds-font-apps-heading-xlarge-medium-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-heading-xlarge-medium-fontWeight | --mds-font-apps-heading-xlarge-medium-font-weight | 500 |
| font-apps-heading-xlarge-medium-lineHeight | --mds-font-apps-heading-xlarge-medium-line-height | 52px |
| font-apps-heading-xlarge-medium-fontSize | --mds-font-apps-heading-xlarge-medium-font-size | 40px |
| font-apps-heading-xlarge-medium-textCase | --mds-font-apps-heading-xlarge-medium-text-case | none |
| font-apps-heading-xlarge-medium-textDecoration | --mds-font-apps-heading-xlarge-medium-text-decoration | none |
apps-heading-xlarge-bold
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-heading-xlarge-bold-fontFamily | --mds-font-apps-heading-xlarge-bold-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-heading-xlarge-bold-fontWeight | --mds-font-apps-heading-xlarge-bold-font-weight | 700 |
| font-apps-heading-xlarge-bold-lineHeight | --mds-font-apps-heading-xlarge-bold-line-height | 52px |
| font-apps-heading-xlarge-bold-fontSize | --mds-font-apps-heading-xlarge-bold-font-size | 40px |
| font-apps-heading-xlarge-bold-textCase | --mds-font-apps-heading-xlarge-bold-text-case | none |
| font-apps-heading-xlarge-bold-textDecoration | --mds-font-apps-heading-xlarge-bold-text-decoration | none |
apps-headline-small-light
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-headline-small-light-fontFamily | --mds-font-apps-headline-small-light-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-headline-small-light-fontWeight | --mds-font-apps-headline-small-light-font-weight | 300 |
| font-apps-headline-small-light-fontSize | --mds-font-apps-headline-small-light-font-size | 52px |
| font-apps-headline-small-light-lineHeight | --mds-font-apps-headline-small-light-line-height | 64px |
| font-apps-headline-small-light-textDecoration | --mds-font-apps-headline-small-light-text-decoration | none |
| font-apps-headline-small-light-textCase | --mds-font-apps-headline-small-light-text-case | none |
apps-headline-small-regular
| Name | CSS Variable | Value |
|---|---|---|
| font-apps-headline-small-regular-fontFamily | --mds-font-apps-headline-small-regular-font-family | Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif |
| font-apps-headline-small-regular-fontWeight | --mds-font-apps-headline-small-regular-font-weight | 400 |
| font-apps-headline-small-regular-fontSize | --mds-font-apps-headline-small-regular-font-size | 52px |
| font-apps-headline-small-regular-lineHeight | --mds-font-apps-headline-small-regular-line-height | 64px |
| font-apps-headline-small-regular-textDecoration | --mds-font-apps-headline-small-regular-text-decoration | none |
| font-apps-headline-small-regular-textCase | --mds-font-apps-headline-small-regular-text-case | none |