
/* ==========================================================================
    NAVIGATION
   ========================================================================== */

/* Remove list styles and throw child elements into a horizontal list. */
.nav {

    list-style: none;
    padding: 0;

    a {
        display: block;
        padding: spacer(1);
        border: 0;
    }

    li {
        display: inline-block;
    }

}

/* Creates a vertical list of blocky, finger-friendly, links. */
.nav-stacked {

    li {

        display: block;

        &,
        a {

        }
    }
}


/* ==========================================================================
    NAVIGATION
   ========================================================================== */

/* Remove list styles and throw child elements into a horizontal list. */
.nav {

    list-style: none;
    padding: 0;

    a {
        display: inline-block;
        padding: spacer(1);
    }

    li {
        display: inline-block;
    }

}

/* Creates a vertical list of blocky, finger-friendly, links. */
.nav-stacked {

    li {

        display: block;

        &,
        a {

        }
    }
}

Allow inline nav elements at small viewports
[imp] Allow inline nav elements at small viewports
