Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
optometrists
/
cache
/
cache
/
cache
/
cache
/
cache
/
cache
/
.wp-cli
/
wp-content
/
themes
/
twentytwentyone
/
assets
/
sass
/
05-blocks
/
utilities
:
_font-sizes.scss
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
// Gutenberg Font-size utility classes :root { .is-extra-small-text, .has-extra-small-font-size { font-size: var(--global--font-size-xs); } .is-small-text, .has-small-font-size { font-size: var(--global--font-size-sm); } .is-regular-text, .has-regular-font-size, .is-normal-font-size, .has-normal-font-size, .has-medium-font-size { font-size: var(--global--font-size-base); } .is-large-text, .has-large-font-size { font-size: var(--global--font-size-lg); line-height: var(--global--line-height-heading); } .is-larger-text, .has-larger-font-size, .is-extra-large-text, .has-extra-large-font-size { font-size: var(--global--font-size-xl); line-height: var(--global--line-height-heading); } .is-huge-text, .has-huge-font-size { font-size: var(--global--font-size-xxl); line-height: var(--global--line-height-heading); // This size is meant to mimic the page titles, so the font weight is reduced to match. font-weight: var(--heading--font-weight-page-title); } .is-gigantic-text, .has-gigantic-font-size { font-size: var(--global--font-size-xxxl); line-height: var(--global--line-height-heading); // This size is meant to mimic the page titles, so the font weight is reduced to match. font-weight: var(--heading--font-weight-page-title); } }