[Patternlibrary GUI v0.0.1]
  • Name: organism/patterns/list
    Categories: patterns

    linked markup pattern listing


    This is a markup styled and linked list of patterns.

    examples

    project-name:

    Source

    <div class="">
        ...
    </div>
    

    Output

    ...

    Example:

    
    <!-- #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 -->
    
    
    

    Output:

    no JavaScript reference available...

    no SASS/SCSS reference available...

    Pattern Specifications:


    Pattern Source:

    <!-- #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 -->
    

    no tests info available...

    no change-log info available...


    Git-Log: