Jekyll Styleguide v0.1 Beta

Example Styleguide

.boxed preview

A paragraph in a boxed div. With a link

A paragraph in a boxed--light div. With a link

A paragraph in a boxed--accent div. With a link

Boxed HTML

<div class="boxed">
    <p>A paragraph in a boxed div. With <a href="#l">a link</a></p>
</div>

<div class="boxed boxed--light">
    <p>A paragraph in a boxed--light div. With <a href="#l">a link</a></p>
</div>

<div class="boxed boxed--accent">
    <p>A paragraph in a boxed--accent div. With <a href="#l">a link</a></p>
</div>

Boxed Style

You can find the original source of the CSS as .scss

Boxed

This module is a box. Neat.