Skip to content

Instantly share code, notes, and snippets.

@charlietriplett
charlietriplett / SassMeister-input-HTML.html
Created October 30, 2014 19:15
Generated by SassMeister.com.
<h1>Hello world</h1>
@charlietriplett
charlietriplett / SassMeister-input.scss
Created April 17, 2014 21:30
Generated by SassMeister.com.
// ----
// Sass (v3.2.18)
// Compass (v0.12.4)
// ----
$cols: 12;
$gutter: 2%;
$padding: 4%;
$breakpoint: 860px;
@charlietriplett
charlietriplett / SassMeister-input.scss
Created April 17, 2014 19:51
Generated by SassMeister.com.
// ----
// Sass (v3.2.18)
// Compass (v0.12.4)
// ----
$cols: 12;
$gutter: 2%;
$padding: 4%;
$breakpoint: 860px;
@charlietriplett
charlietriplett / gist:10937968
Created April 16, 2014 22:09
12 Column Grid SASS
$cols: 12;
$gutter: 2%;
$padding: 4%;
$one_col: (100% - ($gutter * ($cols - 1)) - $gutter) / $cols;
$one_padded_col: ((100% - ($gutter * ($cols - 1)) - ($padding * ($cols - 1))) / $cols);
@mixin cols($num) {
width: ($one_col * $num) + ($gutter * ($num - 1));
}
@charlietriplett
charlietriplett / gist:10937637
Created April 16, 2014 22:03
12 Column Grid
/* @group grid */
.container .span1, .container .span2, .container .span3, .container .span4, .container .span5, .container .span6, .container .span7, .container .span8, .container .span9, .container .span10, .container .span11, .container .span12 { float: left; margin-left: 1%; margin-right: 1%; }
.container .span1.pad { width: 2.33333%; padding-left: 2%; padding-right: 2%; }
.container .span2.pad { width: 10.66667%; padding-left: 2%; padding-right: 2%; }
.container .span3.pad { width: 19%; padding-left: 2%; padding-right: 2%; }
.container .span4.pad { width: 27.33333%; padding-left: 2%; padding-right: 2%; }
.container .span5.pad { width: 35.66667%; padding-left: 2%; padding-right: 2%; }
.container .span6.pad { width: 44%; padding-left: 2%; padding-right: 2%; }
.container .span7.pad { width: 52.33333%; padding-left: 2%; padding-right: 2%; }
.container .span8.pad { width: 60.66667%; padding-left: 2%; padding-right: 2%; }
@charlietriplett
charlietriplett / SassMeister-input-HTML.html
Created January 17, 2014 18:38
Generated by SassMeister.com.
<div class="container">
<div class="span3">
one
</div>
<div class="span3">
one
</div>
<div class="span3">
one
</div>
@charlietriplett
charlietriplett / SassMeister-input-HTML.html
Created January 9, 2014 19:38
Generated by SassMeister.com.
<div class="container">
<div class="span3">
one
</div>
<div class="span3">
one
</div>
<div class="span3">
one
</div>
<div class="container">
<div class="span3">
one
</div>
<div class="span3">
one
</div>
<div class="span3">
one
</div>
@charlietriplett
charlietriplett / gist:3182798
Created July 26, 2012 15:42 — forked from luetkemj/wp-query-ref.php
WP: Query $args
<?php
/**
* WordPress Query Comprehensive Reference
* Compiled by luetkemj - luetkemj.com
*
* CODEX: http://codex.wordpress.org/Class_Reference/WP_Query
* Source: http://core.trac.wordpress.org/browser/tags/3.3.1/wp-includes/query.php
*/
$args = array(