<?php if ( ! defined('NC')) exit ?>
<?/*------------------------------------------------------------------------*/?>


<? example('nc-path') ?>

<ul class="nc-path">
	<li><a href="#">Home</a></li>
	<li><a href="#">Settings</a></li>
	<li class="nc--lighten"><a href="#">Netshop</a></li>
</ul>

<? example() ?>


<? example('nc-path  nc--bordered  nc-bg-lighten') ?>

<ul class="nc-path nc--bordered nc-bg-lighten">
	<li><i class="nc-icon nc--site nc--dark"></i> <a href="#">Site</a></li>
	<li><i class="nc-icon nc--mod-netshop nc--dark"></i> <a href="#">Netshop</a></li>
	<li><i class="nc-icon nc--settings nc--dark"></i> <a href="#">Settings</a></li>
</ul>

<? example() ?>


<? example('nc-path | colors') ?>

<ul class="nc-path nc--bordered">
	<li><a href="#">Default</a></li>
	<li class="nc--white"><a href="#">white</a></li>
	<li class="nc--lighten"><a href="#">lighten</a></li>
	<li class="nc--light"><a href="#">light</a></li>
	<li class="nc--grey"><a href="#">grey</a></li>
	<li class="nc--dark"><a href="#">darke</a></li>
	<li class="nc--darken"><a href="#">darken</a></li>
	<li class="nc--black"><a href="#">black</a></li>
	<li class="nc--yellow"><a href="#">yellow</a></li>
	<li class="nc--red"><a href="#">red</a></li>
	<li class="nc--green"><a href="#">green</a></li>
	<li class="nc--blue"><a href="#">blue</a></li>
</ul>

<? example() ?>