<nav class="nav">
    <h1 class="nav-title"><a class="nav-link" href="/">Micah Godbolt</a></h1>
    <ul class="nav-container">
        <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
        <li class="nav-item"><a class="nav-link" href="/about.html">About Me</a></li>
        <li class="nav-item"><a class="nav-link" href="/talks.html">Talks</a></li>
        <li class="nav-item"><a target="_blank" class="nav-link" href="http://fea.pub">Book</a></li>

    </ul>
</nav>
<nav class="nav">
    <h1 class="nav-title"><a class="nav-link" href="/">Micah Godbolt</a></h1>
    <ul class="nav-container">
        <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
        <li class="nav-item"><a class="nav-link" href="/about.html">About Me</a></li>
        <li class="nav-item"><a class="nav-link" href="/talks.html">Talks</a></li>
        <li class="nav-item"><a target="_blank" class="nav-link" href="http://fea.pub">Book</a></li>

    </ul>
</nav>
/* No context defined for this component. */
  • Content:
    @import '../../scss/variables';
    .nav {
        background: $color-primary;
        padding: 1.5em .3em;
        text-align: center;
        border-bottom: 6px solid $color-secondary;
        &-title {
            margin-top: 0;
            color: $color-page;
        }
        &-container {
            list-style: none;
            padding: 0;
            margin: 0;
    
        }
        &-item {
            display: inline-block;
            &:not(:last-child) {
                border-right: 2px solid $color-secondary;
                padding-right: 12px;
                margin-right: 5px;
            }
        }
        &-link {
            text-decoration: none;
            color: $color-page;
            &:hover {
                color: $color-primary-lighter;
            }
        }
    }
  • URL: /components/raw/navigation/navigation.scss
  • Filesystem Path: design/components/navigation/navigation.scss
  • Size: 685 Bytes

There are no notes for this item.