Skip to content

Instantly share code, notes, and snippets.

View cjdsie's full-sized avatar

Chris Da Sie cjdsie

33 followers · 10 following
View GitHub Profile
@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>
@cjdsie
cjdsie / wirefy-gallery
Created October 31, 2012 11:19
Wirefy Gallery
@cjdsie
cjdsie / wirefy-html-template
Created September 13, 2012 23:53
Wirefy HTML Template
<!DOCTYPE html>
<!-- HTML5 Mobile Boilerplate -->
<!--[if IEMobile 7]><html class="no-js iem7"><![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!-- HTML5 Boilerplate -->
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]-->
@cjdsie
cjdsie / wirefy-file-structure
Created September 13, 2012 23:33
Wirefy File Structure
Wirefy/
├── index.html
├── sass/
| ├── base.scss
| ├── layout.scss
├── css/
| ├── base.css
| ├── layout.css
├── img/
| ├── nav-icon.png
@cjdsie
cjdsie / columns-and-margins
Created September 13, 2012 09:58
Column and Margins
<!-- Standard Grid Format -->
<section class="row">
<div class="eight columns">
...
</div>
<div class="eight columns">
...
</div>
</section>
@cjdsie
cjdsie / Wirefy Tables
Created August 16, 2012 13:06
Wirefy Tables
<table class="CLASS_NAME">
<thead>
<tr>
<th scope="col">Header</th>
<th>Header</th>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
@cjdsie
cjdsie / Wirefy Tabs
Created August 16, 2012 13:02
Wirefy Tabs
<ul class="tabs">
<li><a class="active" href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<ul class="tabs-content">
<li class="active" id="tab1">Lorem ipsum dolor sit amet.</li>
<li id="tab2">Aliquam tincidunt mauris eu risus.</li>
<li id="tab3">Vestibulum auctor dapibus neque.</li>
</ul>
@cjdsie
cjdsie / Wirefy Button
Created August 16, 2012 12:58
Wirefy Button
<!-- Button -->
<button class="button">Click Me</button>
<! -- <a> with class Button -->
<a href="# class="button">Click Me</a>
@cjdsie
cjdsie / Wirefy Icons
Created August 16, 2012 12:54
Wirefy Font Awesome Icons
<i class="icon-user">Icon User</i>