<!-- #PL:PATTERNLIST -->
<section class="panel patternlist">
    <div class="small-12 row columns">
		<div class="row">
			<div class="row large-12 columns">
			
				<div class="title-bar" data-responsive-toggle="pl-patternlist-filter" data-hide-for="medium">
				    <button class="menu-icon" type="button" data-toggle="pl-patternlist-filter"></button>
				    <div class="title-bar-title">Patterns</div>
				</div>
		
				<div class="top-bar filter" id="pl-patternlist-filter">
				    <div class="top-bar-left">
						<ul class="dropdown menu" data-dropdown-menu>
						  <li class="menu-text hide-for-small show-for-medium">Patterns:</li>
						  <li class="hide-for-small show-for-medium"><a href="atoms"><i class="fa fa-square-o"></i> <span>Atoms</span></a></li>
						  <li class="hide-for-small show-for-medium"><a href="molecules"><i class="fa fa-cube"></i> <span>Molecules</span></a></li>
						  <li class="hide-for-small show-for-medium"><a href="organisms"><i class="fa fa-cubes"></i> <span>Organisms</span></a></li>
						  <li class="hide-for-small show-for-medium"><a href="templates"><i class="fa fa-file-picture-o"></i> <span>Templates</span></a></li>
					      <li class="show-for-small hide-for-medium">
					          <a href="#"><i class="fa fa-list"></i> <span>Patterns</span></a> 
					          <ul class="menu vertical">
								  <li><a href="atoms"><i class="fa fa-square-o"></i> <span>Atoms</span></a></li>
								  <li><a href="molecules"><i class="fa fa-cube"></i> <span>Molecules</span></a></li>
								  <li><a href="organisms"><i class="fa fa-cubes"></i> <span>Organisms</span></a></li>
								  <li><a href="templates"><i class="fa fa-file-picture-o"></i> <span>Templates</span></a></li>
						      </ul>
					      </li>
					      <li>
					        <a href=""><i class="fa fa-list"></i> <span>Categories</span></a> 
					        <ul class="menu vertical">
					          
					        </ul>
					      </li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	 
    <div class="small-12 row columns">
		<div class="row panel-body">
		    <div class="row columns large-12">
				<ul class="accordion">
				    
				</ul>
		    </div>
		</div>
	</div>
	
</section>
<!-- /PL:PATTERNLIST -->

<!-- #PL:PATTERNLIST -->
<section class="panel patternlist">
    <div class="small-12 row columns">
		{{> patterns-list-filter}}
	</div>
	 
    <div class="small-12 row columns">
		{{> patterns-list-content}}
	</div>
	
</section>
<!-- /PL:PATTERNLIST -->