Matrix object

HTML

<link rel="stylesheet" href="http://inuitcss.com/inuit.min.css">
<ul class="matrix four-cols">
    <li class=all-cols>Lorem</li>
    <li>Ipsum <a href=#>dolor</a></li>
    <li><a href=# class=matrix__link>Sit</a></li>
    <li>Amet</li>
    <li>Amet</li>
    <li class=all-cols>Consectetuer</li>
</ul>

<ul class="multi-list four-cols">
    <li>Lorem</li>
    <li>Ipsum</li>
    <li>Dolor</li>
    <li>Sit</li>
    <li>Sit</li>
    <li>Dolor</li>
    <li>Ipsum</li>
    <li>Lorem</li>
</ul>

CSS

/**
 * These demo styles sit on top of inuit.css
 * github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_matrix.scss
 */

html{
    font:1em/1.5 Georgia, serif;
    padding:5%;
    background-color:#fff;
    color:#333;
}