Skip to content

Instantly share code, notes, and snippets.

Chris Da Sie cjdsie

Block or report user

Report or block cjdsie

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@cjdsie
cjdsie / Nested Grid CSS
Created Feb 6, 2014
Wirefy Grid Nested Columns
View Nested Grid CSS
article {
@include column(8);
ul {
@include row(8);
li {
@include column(4, 8);
}
}
}
@cjdsie
cjdsie / Wirefy Grid System
Last active Aug 29, 2015
Wirefy Grid System
View 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>
View wirefy-gallery
@cjdsie
cjdsie / wirefy-html-template
Created Sep 13, 2012
Wirefy HTML Template
View 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 Sep 13, 2012
Wirefy File Structure
View wirefy-file-structure
Wirefy/
├── index.html
├── sass/
| ├── base.scss
| ├── layout.scss
├── css/
| ├── base.css
| ├── layout.css
├── img/
| ├── nav-icon.png
View columns-and-margins
<!-- Standard Grid Format -->
<section class="row">
<div class="eight columns">
...
</div>
<div class="eight columns">
...
</div>
</section>
View Wirefy Tables
<table class="CLASS_NAME">
<thead>
<tr>
<th scope="col">Header</th>
<th>Header</th>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
View 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>
View 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 Aug 16, 2012
Wirefy Font Awesome Icons
View Wirefy Icons
<i class="icon-user">Icon User</i>
You can’t perform that action at this time.