Text

Change the style of text.

evo-text

Experience Design Made Simple for living design systems

<p class="evo-text"></p>

Create a <p> tag, and apply the css class evo-text. Text styles can be adjusted in _variables.scss.

p

paragraph of copy here... lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<p>paragraph of copy here...</p>

Create a <p /> tag. Optionally, you can apply the css class evo-text. Text styles can be adjusted in _variables.scss.

H

H1 Header

H2 Header

H3 Header

H4 Header

H5 Header

H6 Header

<h1>H1 Header</h1>

Create an <h1> tag. Text styles can be adjusted in _variables.scss.

text-reset

This sentence demonstrates the reset of styles.

Use the text-reset class to remove text styles.

   <p class="text-reset"></p>