briankoser / koser.us-metalsmith Goto Github PK

<h2><a name="elements" href="#elements" class="anchor"></a>Elements</h2>

.anchor {
    color: inherit;
    display: inline-block;
    margin-left: -1em;
    opacity: 0;
    position: absolute;
    width: 1em;
}

.anchor:before {
    content: '¶';
}

*:hover > .anchor,
.anchor:hover {
    opacity: 0.8;
}

{% capture location %}{{ page.url | remove_first:'/' | split:'/' | first }}{% endcapture %}
<nav><ul>
<li><a {% if location == 'about' %}class="active" {% endif %}href="/about/">About</a></li>
<li><a {% if location == 'projects' %}class="active" {% endif %}href="/projects/">Projects</a></li>
<li><a {% if location == 'blog' %}class="active" {% endif %}href="/blog/">Blog</a></li>
<li><a {% if location == 'contact' %}class="active" {% endif %}href="/contact/">Contact</a></li>

a:hover,
    .active-link {
        -webkit-transition: border-bottom-width 300ms cubic-bezier(1, 0, 0, 1);
                transition: border-bottom-width 300ms cubic-bezier(1, 0, 0, 1);
        border-bottom: solid 3px #006b9f;
    }

$(document).ready(function() {
            var convertToSmallCaps = ['am', 'pm', 'ad', 'bc'];

            $('abbr').each(function() {
                var abbr = $(this);
                var text = abbr.text().toLowerCase();

                if(text.length >= 3 || $.inArray(text, convertToSmallCaps) > -1)
                {
                    abbr.addClass('small-caps');
                }
            });

text-shadow: .03em 0 #fff,-.03em 0 #fff,0 .03em #fff,0 -.03em #fff,.06em 0 #fff,-.06em 0 #fff,.09em 0 #fff,-.09em 0 #fff,.12em 0 #fff,-.12em 0 #fff,.15em 0 #fff,-.15em 0 #fff;
background-image: -webkit-linear-gradient(#333,#333);
background-image: linear-gradient(#333,#333);
background-size: 1px 1px;
background-repeat: repeat-x;
background-position: 0 85%;
color: #333;
text-decoration: none;