<nav class="m-nav-base">
	<ul class="m-nav-base__list">
		<li class="m-nav-base__item m-nav-base__item--active">
			<a href="#" class="m-nav-base__link">Menu 01</a>
			<!-- Skip the closing tag -->
		<li class="m-nav-base__item">
			<a href="#" class="m-nav-base__link">Menu 02</a>
			<!-- Skip the closing tag -->
		<li class="m-nav-base__item">
			<a href="#" class="m-nav-base__link">Menu 03</a>
			<!-- Skip the closing tag -->
		<li class="m-nav-base__item">
			<a href="#" class="m-nav-base__link">Menu 04</a>
			<!-- Skip the closing tag -->
		<li class="m-nav-base__item">
			<a href="#" class="m-nav-base__link">Menu 05</a>
			<!-- Skip the closing tag -->
		<li class="m-nav-base__item">
			<a href="#" class="m-nav-base__link">Menu 06</a>
			<!-- Skip the closing tag -->
	</ul>
</nav>

<hr>

<nav class="m-nav-base m-nav-base--sep">
	<ul class="m-nav-base__list">
		<li class="m-nav-base__item m-nav-base__item--active">
			<a href="#" class="m-nav-base__link">Menu 01</a>
			<!-- Skip the closing tag -->
		<li class="m-nav-base__item">
			<a href="#" class="m-nav-base__link">Menu 02</a>
			<!-- Skip the closing tag -->
		<li class="m-nav-base__item">
			<a href="#" class="m-nav-base__link">Menu 03</a>
			<!-- Skip the closing tag -->
		<li class="m-nav-base__item">
			<a href="#" class="m-nav-base__link">Menu 04</a>
			<!-- Skip the closing tag -->
		<li class="m-nav-base__item">
			<a href="#" class="m-nav-base__link">Menu 05</a>
			<!-- Skip the closing tag -->
		<li class="m-nav-base__item">
			<a href="#" class="m-nav-base__link">Menu 06</a>
			<!-- Skip the closing tag -->
	</ul>
</nav>

.m-nav-base {

    overflow: hidden;

    &__list {

        display: inline-block;
        list-style: none;
        margin: em(-10px -5px);

    }

    &__item {

        display: inline-block;
        margin: em(10px) 0;
        padding-left: em(5px);
        padding-right: em(5px);
        vertical-align: middle;

    }

    &__link {

        @include text-underline(none);
        color: inherit;

    }

    &--sep &__list {

        margin-left: em(-30px);
        margin-right: em(-30px);

    }

    &--sep &__item {

        padding-left: em(30px);
        padding-right: em(30px);

    }

}