1.11.2 #Atoms.typography.text Text
Basic text styles including links, strong, underline, em.
Example
This is lead text
Liquorice fruitcake lollipop. Sesame snaps muffin gummies cake. Apple pie dessert sugar plum toffee marzipan bonbon sesame snaps halvah. Macaroon croissant sweet cheesecake. Croissant icing muffin. Gingerbread pudding halvah bonbon chupa chups bonbon sugar plum fruitcake ice cream. Bear claw tootsie roll jujubes.
This is description text
Jelly donut dragée sweet roll sesame snaps tootsie roll. Halvah powder chocolate cake pudding. Candy fruitcake jelly beans cake. Marshmallow jelly apple pie cookie. Wafer chupa chups powder wafer. Danish cake candy.
Markup
<p class="lead">This is lead text</p>
<p>Liquorice fruitcake lollipop. Sesame snaps muffin gummies cake. Apple pie
dessert sugar plum toffee <a href="#">marzipan bonbon sesame</a> snaps halvah.
Macaroon croissant sweet cheesecake. <em>Croissant icing</em> muffin. Gingerbread
pudding halvah bonbon chupa chups bonbon sugar plum fruitcake ice cream. Bear
claw <u>tootsie roll jujubes</u>.</p>
<p class="description">This is description text</p>
<p>Jelly donut dragée sweet <a href="#">roll</a> sesame snaps <strong>tootsie
roll</strong>. Halvah powder chocolate cake pudding. Candy fruitcake jelly
beans cake. Marshmallow jelly apple pie cookie. Wafer chupa chups powder wafer.
<em>Danish cake candy</em>.</p>
Source:
docroot/themes/contrib/district_base/styles/scss/base/_typography.scss
, line 34