Skip to content

Instantly share code, notes, and snippets.

/* Define your base font-size here; most elements will inherit this. */
html {
font-size: 16px; /* Assuming 16px... */
line-height: 1.5; /* 24px (This is now our magic number; all subsequent margin-bottoms and line-heights want to be a multiple of this number in order to maintain vertical rhythm.) */
}
/* Common margin-bottom for vertical rhythm. */
h1,h2,h3,h4,h5,h6,
ul,ol,dl,
fieldset,
@Shoekrates
Shoekrates / console.js
Created June 12, 2013 13:53
console.log() IE9 compatible
if (window.console) {
console.log('message');
}
@Shoekrates
Shoekrates / breakpoint.scss
Created June 8, 2013 13:51
SASS Breakpoint Mixin, mobile-first approach
@mixin breakpoint($point, $value: 0) {
@if $point == mobile {
@media (min-width: 320px) { @content; }
}
@else if $point == mobile-horizontal {
@media (min-width: 480px) { @content; }
}