Preview
Quotes
Tipographic quotes can be explicitly defined using the variable $quotes
Read the quotes reference to learn about the values taken by this property and how to declare quote pairings.
For quick reference, you can find the following quote characters and pairings on _config.scss
:
// Here are some common quotes: “ ” ‘ ’ ‛ ‟ ‚ „ ' " ‹ › « »
// Latin quotes (spanish, french): "«" "»" "“" "”"
// English quotes: "“" "”" "‘" "’"
Example
<q>Look! As the quote said, <q>a quote can be nested inside another quote</q></q>
Assets
- Filesystem Path: src/components/typography/quotes/_quotes.scss
- Size: 23 Bytes
-
Content:
q { quotes: $quotes; }