Documentation
ChevronDown

--aura-font-quotes

Font family for quotes in project.

CSS
Copy Copy
*:root {
    --aura-font-quotes: serif
}

Description

--aura-font-quotes is a CSS custom property that specifies the font style for blockquote tags in a design system. The value of --aura-font-quotes is used as the font-style property for blockquote tags and overrides just for quotes to the --aura-font-stack property, which defines the overall font stack for the design system.

HTML
Copy Copy
<blockquote><!-- content goes here --></blockquote>

By using the --aura-font-quotes custom property, the font style for blockquote tags can be easily changed and updated in one place, which helps maintain consistency and makes updates more manageable. Additionally, because --aura-font-quotes refers to --aura-font-stack, changes made to the overall font stack in --aura-font-stack will be reflected in the font style for blockquote tags as well.