Navs

<ul class="nav-list nav-list--level-1 list-reset">
	<!-- Home -->
	<li class="nav-list__item nav-list__item--home nav-list__item--level-1">
		<a class="nav-list__link nav-list__link--level-1" href="/">Home</a>
	</li>
	<!-- About Us -->
	<li class="nav-list__item nav-list__item--level-1" :class="{ 'is-active' : isActive }" is="child-toggle">
		<a class="nav-list__link nav-list__link--level-1" href="#" @click.stop="toggleChildNav">
      <span class="nav-list__link-text">About</span>
    </a>
		<ul class="nav-list nav-list--level-2 list-reset">
			<!-- About Us: Staff -->
			<li class="nav-list__item nav-list__item--level-2">
				<a class="nav-list__link nav-list__link--level-2" href="/about.html/staff.html">Smart Columbus Staff</a>
			</li>
			<!-- About Us: Staff -->
			<li class="nav-list__item nav-list__item--level-2">
				<a class="nav-list__link nav-list__link--level-2" href="/about.html/staff.html">FAQs</a>
			</li>
		</ul>
	</li>
	<!-- Get Involved -->
	<li class="nav-list__item nav-list__item--level-1">
		<a class="nav-list__link nav-list__link--level-1" href="/get-involved.html">Get Involved</a>
		<ul class="nav-list nav-list--level-2 list-reset">
			<!-- Get Involved: Drive Electric -->
			<li class="nav-list__item nav-list__item--level-2">
				<a class="nav-list__link nav-list__link--level-2" href="/get-involved.html/drive-electric.html">Drive Electric</a>
			</li>
			<!-- Get Involved: Dive Less -->
			<li class="nav-list__item nav-list__item--level-2">
				<a class="nav-list__link nav-list__link--level-2" href="/get-involved.html/drive-less.html">Drive Less</a>
			</li>
		</ul>
	</li>
</ul>

<!-- Main Menu -->

<div class="f-color-chips">
	Home
	<div class="f-color-chip">
		<div class="f-color-chip__name">title</div>
		<div class="f-color-chip__color"></div>
	</div>
	<div class="f-color-chip">
		<div class="f-color-chip__name">href</div>
		<div class="f-color-chip__color">/</div>
	</div>
</div>
<div class="f-color-chips">
	About
	<div class="f-color-chip">
		<div class="f-color-chip__name">href</div>
		<div class="f-color-chip__color">/about</div>
	</div>
	<div class="f-color-chip">
		<div class="f-color-chip__name">children</div>
		<div class="f-color-chip__color">[object Object]</div>
	</div>
</div>

<nav class="nav nav--main bg-smrt-pink lg:bg-transparent py-8 px-4 text-center" data-nav></nav>