Huesos
Style
Guide

Repositoire

GitHub

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;
    }