Skip to content

Instantly share code, notes, and snippets.

View cjdsie's full-sized avatar

Chris Da Sie cjdsie

View GitHub Profile
@cjdsie
cjdsie / Wirefy Pagination
Created August 16, 2012 12:46
Wirefy Pagination
<div class="pagination">
<ul>
<li><a href="#">Prev</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">Next</a></li>
</ul>
</div>
@cjdsie
cjdsie / Wirefy Breadcrumb
Created August 16, 2012 12:40
Wirefy Breadcrumb
<ul class="breadcrumb">
<li><a href="#">Home</a> <span class="divider">/</span></li>
<li><a href="#">Library</a> <span class="divider">/</span></li>
<li class="active">Data</li>
</ul>
@cjdsie
cjdsie / Wirefy menu options
Created August 16, 2012 12:37
Wirefy menu options
<!-- Collapsing Menu -->
<nav class="menu1">
<ul>
<li><a href="#">Sample Page 1</a></li>
<li><a href="#">Sample Page 2</a></li>
<li><a href="#">Sample Page 3</a></li>
<li><a href="#">Sample Page 4</a></li>
<ul>
</nav>
@cjdsie
cjdsie / Wirefy column grid
Created August 16, 2012 12:25
Wirefy percentage based grid system
<!-- The Basic Grid -->
<div class="one column">One</div>
<div class="two columns">Two</div>
<div class="three columns">Three</div>
<div class="four columns">Four</div>
<div class="five columns">Five</div>
<div class="six columns">Six</div>
<div class="seven columns">Seven</div>
<div class="eight columns">Eight</div>
@cjdsie
cjdsie / Nested Grid CSS
Created February 6, 2014 22:59
Wirefy Grid Nested Columns
article {
@include column(8);
ul {
@include row(8);
li {
@include column(4, 8);
}
}
}
@cjdsie
cjdsie / Wirefy Grid System
Last active August 29, 2015 13:56
Wirefy Grid System
<article>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet suscipit sagittis. Mauris tristique bibendum laoreet. Cras eget lacus sodales mi ultrices dictum et eget odio. Cras venenatis nisi et magna volutpat, ut ullamcorper nisl tempor. Sed bibendum quam sit amet felis facilisis, sit amet feugiat nisi tincidunt. Ut cursus nisi magna, non sagittis neque cursus vitae. Sed ac augue ultricies, cursus dui auctor, porttitor elit. Praesent et neque sed orci auctor imperdiet. Donec cursus semper fermentum. Nullam aliquam viverra odio, at fermentum lorem vehicula vitae. Quisque pellentesque libero ut ligula congue, eu posuere felis pharetra. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras ut urna at risus dignissim porta. Maecenas eget pretium urna, eget pulvinar nulla.</p>
</article>
<aside>
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ul>