Nav sizes

Change nav size by adding class.

<!-- Source -->
<ul class="nav nav-x-0"></ul>
<ul class="nav nav-y-0"></ul>

<ul class="nav nav-1"></ul>
<ul class="nav nav-x-1"></ul>
<ul class="nav nav-y-1"></ul>

<ul class="nav nav-2"></ul>
<ul class="nav nav-x-2"></ul>
<ul class="nav nav-y-2"></ul>

<ul class="nav nav-3"></ul>
<ul class="nav nav-x-3"></ul>
<ul class="nav nav-y-3"></ul>

<ul class="nav nav-4"></ul>
<ul class="nav nav-x-4"></ul>
<ul class="nav nav-y-4"></ul>

<ul class="nav nav-5"></ul>
<ul class="nav nav-x-5"></ul>
<ul class="nav nav-y-5"></ul>

Responsive

<!-- Source -->
<ul class="nav nav-x-sm-0"></ul>
<ul class="nav nav-y-sm-0"></ul>

<ul class="nav nav-sm-1"></ul>
<ul class="nav nav-x-sm-1"></ul>
<ul class="nav nav-y-sm-1"></ul>

<ul class="nav nav-sm-2"></ul>
<ul class="nav nav-x-sm-2"></ul>
<ul class="nav nav-y-sm-2"></ul>

<ul class="nav nav-sm-3"></ul>
<ul class="nav nav-x-sm-3"></ul>
<ul class="nav nav-y-sm-3"></ul>

<ul class="nav nav-sm-4"></ul>
<ul class="nav nav-x-sm-4"></ul>
<ul class="nav nav-y-sm-4"></ul>

<ul class="nav nav-sm-5"></ul>
<ul class="nav nav-x-sm-5"></ul>
<ul class="nav nav-y-sm-5"></ul>


<ul class="nav nav-x-md-0"></ul>
<ul class="nav nav-y-md-0"></ul>

<ul class="nav nav-md-1"></ul>
<ul class="nav nav-x-md-1"></ul>
<ul class="nav nav-y-md-1"></ul>

<ul class="nav nav-md-2"></ul>
<ul class="nav nav-x-md-2"></ul>
<ul class="nav nav-y-md-2"></ul>

<ul class="nav nav-md-3"></ul>
<ul class="nav nav-x-md-3"></ul>
<ul class="nav nav-y-md-3"></ul>

<ul class="nav nav-md-4"></ul>
<ul class="nav nav-x-md-4"></ul>
<ul class="nav nav-y-md-4"></ul>

<ul class="nav nav-md-5"></ul>
<ul class="nav nav-x-md-5"></ul>
<ul class="nav nav-y-md-5"></ul>


<ul class="nav nav-x-lg-0"></ul>
<ul class="nav nav-y-lg-0"></ul>

<ul class="nav nav-lg-1"></ul>
<ul class="nav nav-x-lg-1"></ul>
<ul class="nav nav-y-lg-1"></ul>

<ul class="nav nav-lg-2"></ul>
<ul class="nav nav-x-lg-2"></ul>
<ul class="nav nav-y-lg-2"></ul>

<ul class="nav nav-lg-3"></ul>
<ul class="nav nav-x-lg-3"></ul>
<ul class="nav nav-y-lg-3"></ul>

<ul class="nav nav-lg-4"></ul>
<ul class="nav nav-x-lg-4"></ul>
<ul class="nav nav-y-lg-4"></ul>

<ul class="nav nav-lg-5"></ul>
<ul class="nav nav-x-lg-5"></ul>
<ul class="nav nav-y-lg-5"></ul>


<ul class="nav nav-x-xl-0"></ul>
<ul class="nav nav-y-xl-0"></ul>

<ul class="nav nav-xl-1"></ul>
<ul class="nav nav-x-xl-1"></ul>
<ul class="nav nav-y-xl-1"></ul>

<ul class="nav nav-xl-2"></ul>
<ul class="nav nav-x-xl-2"></ul>
<ul class="nav nav-y-xl-2"></ul>

<ul class="nav nav-xl-3"></ul>
<ul class="nav nav-x-xl-3"></ul>
<ul class="nav nav-y-xl-3"></ul>

<ul class="nav nav-xl-4"></ul>
<ul class="nav nav-x-xl-4"></ul>
<ul class="nav nav-y-xl-4"></ul>

<ul class="nav nav-xl-5"></ul>
<ul class="nav nav-x-xl-5"></ul>
<ul class="nav nav-y-xl-5"></ul>