Typography

Type is set with rems and setting to base 10. If you use 3.0rem only is 30px.

H1 Heading

3.6rem (36px)

H2 Heading

3.0rem (30px)

H3 Heading

2.4rem (24px)

H4 Heading

1.8rem (18px)

H5 Heading

1.4rem (14px)

H6 Heading

1.2rem (12px)


    <h1>H1 Heading</h1>
    <h2>H2 Heading</h2>
    <h3>H3 Heading</h3>
    <h4>H4 Heading</h4>
    <h5>H5 Heading</h5>
    <h6>H6 Heading</h6>

Wire automatically styling all typo elements like a, strong, mark, em, small, del, code.

Lorem ipsum dolor sit amet, consectetur adipisicing elit eget porta diam. Animi ipsam officia sed sit voluptas. Ad consectetur consequuntur delectus dolorem earum, inventore laudantium minus ~~molestias officia possimus~~, quaerat rem sit suscipit.

Vivamus rutrum risus eget urna posuere, vel rhoncus neque egestas. Nam tellus leo, imperdiet quis eros a, dignissim eleifend tortor. Quisque accumsan diam non fringilla laoreet. Etiam justo odio, aliquam non semper non, vestibulum eget massa. Etiam sit amet dapibus lectus.

HTML


    <p>Lorem ipsum dolor sit amet, <a href="javascript:void(0);">consectetur</a> adipisicing 
    <strong>elit eget porta diam</strong>. Animi ipsam officia sed sit voluptas. Ad 
    <em>consectetur consequuntur delectus dolorem earum</em>, inventore laudantium 
    minus <del>molestias officia possimus</del>, quaerat rem sit suscipit.</p>

    <p>Vivamus <code>rutrum risus eget</code> urna posuere, <mark>vel 
    rhoncus neque egestas</mark>. Nam tellus leo, imperdiet quis eros a, dignissim 
    eleifend tortor. <small>Quisque accumsan diam non fringilla laoreet</small>. 
    Etiam justo odio, aliquam non semper non, vestibulum eget massa. Etiam sit amet 
    dapibus lectus.</p>