Font
Font family
Name | Value |
---|---|
font-family-base | sans-serif The quick brown fox Defined in Refers to Reference Vector's default fallback sans instead of the deprecated value `font-family-sans` in WikimediaUI Base. |
font-family-sans deprecated | 'Helvetica Neue', 'Helvetica', 'Liberation Sans', 'Arial', sans-serif The quick brown fox Defined in Refers to Deprecated: Use `font-family-sans--fallback` instead. See T247166. (use `font-family-sans-50` instead) |
font-family-system-sans | -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Inter', 'Helvetica', 'Arial', sans-serif The quick brown fox Defined in Refers to |
font-family-sans--fallback | sans-serif The quick brown fox Defined in Refers to |
font-family-serif | 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif The quick brown fox Defined in Refers to |
font-family-serif--fallback | serif The quick brown fox Defined in Refers to |
font-family-monospace | 'Menlo', 'Consolas', 'Liberation Mono', 'Fira Code', 'Courier New', monospace The quick brown fox Defined in Refers to |
font-family-monospace--fallback | monospace, monospace The quick brown fox Defined in Refers to |
font-family-heading-main | 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif The quick brown fox Defined in Refers to Legacy value from WikimediaUI Base. Use for first heading special treatment. |
Font size
Name | Value |
---|---|
font-size-base | 16px The quick brown fox Defined in |
font-size-x-small | 0.75em The quick brown fox Defined in Refers to Refers to `x` stands for extra. In this case extra small. |
font-size-small | 0.875em The quick brown fox Defined in Refers to Refers to |
font-size-medium | 1em The quick brown fox Defined in Refers to Refers to |
font-size-large | 1.125em The quick brown fox Defined in Refers to Refers to |
font-size-x-large | 1.25em The quick brown fox Defined in Refers to Refers to |
font-size-xx-large | 1.5em The quick brown fox Defined in Refers to Refers to |
font-size-xxx-large | 1.75em The quick brown fox Defined in Refers to Refers to |
Font weight
Name | Value |
---|---|
font-weight-hairline | 100 The quick brown fox Defined in Refers to |
font-weight-light | 300 The quick brown fox Defined in Refers to |
font-weight-normal | 400 The quick brown fox Defined in Refers to |
font-weight-semi-bold | 600 The quick brown fox Defined in Refers to |
font-weight-bold | 700 The quick brown fox Defined in Refers to |
Line height
Name | Value |
---|---|
line-height-xxx-small | 1.25 The quick brown fox Defined in Refers to `x` stands for extra. In this case extra-extra-extra small. |
line-height-xx-small | 1.375 The quick brown fox Defined in Refers to |
line-height-x-small deprecated | 1.4285714 The quick brown fox Defined in Refers to Deprecated: Legacy line-height. Use `line-height-small` instead. (use `line-height-80` instead) |
line-height-small | 1.5714285 The quick brown fox Defined in Refers to |
line-height-medium | 1.6 The quick brown fox Defined in Refers to |
Text decoration
Name | Value |
---|---|
text-decoration-none | none The quick brown fox Defined in Refers to |
text-decoration-line-through | line-through The quick brown fox Defined in Refers to |
text-decoration-underline | underline The quick brown fox Defined in Refers to |
Text overflow
Name | Value |
---|---|
text-overflow-clip | clip The quick brown fox Defined in Refers to |
text-overflow-ellipsis | ellipsis The quick brown fox Defined in Refers to |
Deprecated token aliases
WARNING
The tokens below are not available in Codex. There are only available as deprecated aliases in WikimediaUI Base.
Name | Value |
---|---|
line-height-base deprecated | 1.6 The quick brown fox Defined in Refers to Deprecated: Use `line-height-medium` instead. |
line-height-heading deprecated | 1.375 The quick brown fox Defined in Refers to Deprecated: Use `line-height-xx-small` instead. |