Skip to content

Instantly share code, notes, and snippets.

View josephdburdick's full-sized avatar
😇
Mentally present

Joe josephdburdick

😇
Mentally present
View GitHub Profile
*, *:before, *:after
-moz-box-sizing: border-box
-webkit-box-sizing: border-box
box-sizing: border-box
.container
margin: 0 auto
max-width: 960px
width: 90%
.column
float: left
margin-left: 5%
&:first-child
margin-left: 0
.column
float: left
margin-left: 5%
&:first-child
margin-left: 0
&.full
width: 100%
.row
overflow: hidden
margin-top: 1.5em
&:first-child
margin-top: 0
@josephdburdick
josephdburdick / SassMeister-input.scss
Created March 21, 2014 18:41
Generated by SassMeister.com.
// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// ----
$sm: "(max-height: 640px)";
.foo {
@media #{$sm} {
content: 'red';
@josephdburdick
josephdburdick / SassMeister-input.scss
Created March 21, 2014 18:43
Generated by SassMeister.com.
// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// Breakpoint (v2.4.2)
// ----
@import "breakpoint";
$retina: 2dppx;
$xs: max-width 767px;
@josephdburdick
josephdburdick / SassMeister-input.scss
Created March 21, 2014 18:47
Generated by SassMeister.com.
// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// Breakpoint (v2.4.2)
// ----
@import "breakpoint";
$retina: 2dppx;
$xs: max-width 767px;
@josephdburdick
josephdburdick / SassMeister-input.scss
Created March 21, 2014 19:35
Generated by SassMeister.com.
// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// Breakpoint (v2.4.2)
// ----
@import "breakpoint";
$retina: 1280px (resolution 2dppx);
$xs: max-width 767px;
@josephdburdick
josephdburdick / SassMeister-input.scss
Created April 19, 2014 23:23
Generated by SassMeister.com.
// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// Breakpoint (v)
// ----
// $retina: 1280px (resolution 2dppx);
@import 'breakpoint';
$xs: max-width 767px;