3.1 #Typography.Headings Heading
Styling for different heading sizes
Examples
Default styling
Heading 1
.Heading--alternate
alternate font face
Heading 1
.Heading--light
thinner font
Heading 1
Markup
<h1 class="Heading [modifier class]">Heading 1</h1>
Source:
components/atoms/heading.less
, line 5
3.2 #Typography.Quote Quote
Styling for a quote
Examples
Default styling
Firefox 1.0 was released in 2004 and became a big success.
- Mozilla's website
.Quote--medium
medium font size
Firefox 1.0 was released in 2004 and became a big success.
- Mozilla's website
.Quote--large
big font size
Firefox 1.0 was released in 2004 and became a big success.
- Mozilla's website
Markup
<p>
<q class="Quote [modifier class]">Firefox 1.0 was released in 2004 and became a big success.</q>
<small class="Quote-author">- Mozilla's website</small>
</p>
Source:
components/atoms/quote.less
, line 4