Skip to content

Instantly share code, notes, and snippets.

@joelcox

joelcox/main-navigation.html

Created April 12, 2017 08:53
Download ZIP

Revisions

  1. joelcox created this gist Apr 12, 2017.
    10 changes: 10 additions & 0 deletions main-navigation.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,10 @@
    <ul class="main-navigation">

    <li class="main-navigation__menu-item main-navigation__menu-item--active">
    <span class="main-navigation__menu-item-title">Want this</span>
    </li>

    <li class="main-navigation__menu-item main-navigation__menu-item--active">
    <span class="main-navigation__menu-item-title main-navigation__menu-item--active-title">Not this</span>
    </li>
    </ul>
    15 changes: 15 additions & 0 deletions main-navigation.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,15 @@
    .main-navigation {

    &__menu-item {

    &--active {

    &-title {
    color: red;
    }

    &-title {
    color: black;
    }
    }
    }