Options nav

HTML

<link rel="stylesheet" href="http://inuitcss.com/inuit.min.css">
<ul class="nav  options  foo">
    <li><a href=#>Ignore</a></li><!--
 --><li class=current><a href=#>Read</a></li><!--
 --><li><a href=#>Delete</a></li>
</ul>

<ul class="nav  nav--fit  options  foo">
    <li class=one-third><a href=#>Ignore</a></li><!--
 --><li class="current  one-third"><a href=#>Read</a></li><!--
 --><li><a href=#>Delete</a></li>
</ul>

CSS

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

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

.foo{
    font-size:0.75em;
    font-weight:bold;
    font-family:sans-serif;
}
    .foo > li{}
        .foo > li > a{
            background-color:#e4e4e4;
            color:#333;
            border-color:#999;
            text-align:center;
        }
        .foo > .current > a{
            background-color:#333;
            border-color:#333;
            color:#fff;
            text-decoration:none;
            box-shadow:0 0 10px rgba(0,0,0,0.5) inset;
        }