Skip to content

Instantly share code, notes, and snippets.

View jrudenstam's full-sized avatar

Jacob Rudenstam jrudenstam

View GitHub Profile
@jrudenstam
jrudenstam / dabblet.css
Created April 9, 2012 20:56
Mobile first demo - stripped
/**
* Mobile first demo - stripped
*/
* {box-sizing: border-box;}
body {
/*background: hsl(60,80%,70%);*/
background-color: hsl(60,30%,70%);
background-image:
@jrudenstam
jrudenstam / dabblet.css
Created April 9, 2012 16:11
Mobile first demo
/**
* Mobile first demo
*/
* {box-sizing: border-box;}
body {
/*background: hsl(60,80%,70%);*/
background-color: hsl(60,30%,70%);
background-image:
@jrudenstam
jrudenstam / dabblet.css
Created April 9, 2012 14:52
Responsive Web Demo
/**
* Responsive Web Demo
*/
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #f5f5f5; margin: 0; font-size: 14px; line-height: 1.75; }
body, button, input, select, textarea { font-family: 'Open Sans', sans-serif; color: #333; text-shadow: 1px 1px 0 #fff;}
@jrudenstam
jrudenstam / dabblet.css
Created April 2, 2012 20:09
CSS pseudo
/**
* CSS pseudo
*/
/* Makes CSS box model logical*/
* {box-sizing: border-box;}
body {
background: #ccc;
min-height: 100%;