Heads Up! Components & docs are subject to change until official v1.0 release.
×
Introduction:
Components:
Resources:
Typography
Headline Example 1
Headline Example 2
Headline Example 3
Example: Lorem ipsum dolor sit amet, italics consectetur adipisicing elit. Ex eligendi modi dignissimos illo omnis animi, ut adipisci quidem! Recusandae corporis odio commodi eligendi excepturi possimus ea, praesentium quae, incidunt maiores.
<h1>Headline Example 1</h1>
<h2>Headline Example 2</h2>
<h3>Headline Example 3</h3>
<p><strong>Example:</strong>Lorem ipsum dolor sit amet, <em>italics consectetur adipisicing elit</em>. Nulla ratione reprehenderit ullam dolor sed illum odio, aliquid, officia mollitia illo quod numquam a non saepe eius! Quam, facere ratione veniam!.</p>
// TYPE MODIFIERS
Type Size:
.giga
.mega
.kilo
.h1
.h2
.h3
.h4
.h5
.h6
.milli
.micro
Type Style:
.type--header
.type--emphasis
.type--strike
.type--left
.type--center
.type--right
.type--thin
.type--bold
.type--italic
.type--marginless
.type--uppercase
Type Color:
.type--red
.type--gray
.type--dark-gray
.type--light-gray
Note: Take a look at Metaphors _type.scss & _helpers.scss for more modifiers.
