KSS Style Guide

<insert-markup>atoms.text-</insert-markup>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus justo mauris, vehicula in lacinia vitae, suscipit ut metus.
.-xx-large
Hero Heading
<insert-markup>atoms.text-0</insert-markup>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus justo mauris, vehicula in lacinia vitae, suscipit ut metus.
.-x-large
Heading
<insert-markup>atoms.text-1</insert-markup>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus justo mauris, vehicula in lacinia vitae, suscipit ut metus.
.-large
Heading
<insert-markup>atoms.text-2</insert-markup>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus justo mauris, vehicula in lacinia vitae, suscipit ut metus.
.-medium
Heading
<insert-markup>atoms.text-3</insert-markup>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus justo mauris, vehicula in lacinia vitae, suscipit ut metus.
.-small
Heading
<insert-markup>atoms.text-4</insert-markup>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus justo mauris, vehicula in lacinia vitae, suscipit ut metus.
.-x-small
Heading
<insert-markup>atoms.text-5</insert-markup>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus justo mauris, vehicula in lacinia vitae, suscipit ut metus.
.-xx-small
Heading
<insert-markup>atoms.text-6</insert-markup>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus justo mauris, vehicula in lacinia vitae, suscipit ut metus.
.-bold
Heading
<insert-markup>atoms.text-7</insert-markup>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus justo mauris, vehicula in lacinia vitae, suscipit ut metus.
Markup: ..\..\styleguide\templates\atoms\content\text.html
<span class="rocksite-a-text [modifier class]">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus justo mauris, vehicula in lacinia vitae, suscipit ut metus.</span>
Source: ../source/scss/components/atoms/content/_text.scss, line 2