Info:
- Name: organism/patterns/list
- Categories: patterns
linked markup pattern listing
This is a markup styled and linked list of patterns.
project-name:
<div class="">
...
</div>
<!-- #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 -->