Skip to content

Instantly share code, notes, and snippets.

@fourseven
fourseven / dabblet.css
Created March 19, 2013 21:56
border-box
/**
* border-box
*/
* {box-sizing: border-box;}
.non-border-box {
box-sizing: content-box;
}
div {
border: 2px solid blue;
@fourseven
fourseven / dabblet.css
Created March 11, 2013 21:59
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
.parent {
position:relative;
border: 1px solid red;
}
.child {
@fourseven
fourseven / retina-sprites.css.scss
Created August 16, 2012 09:19
A compass function to handle spriting with normal and retina images automatically.
// @Mixin Retina Sprite Sass
// ======================================================
// This requires two folders full of *.png files, normal and then
// 2x resolution. Please ensure that they have the same number and names
// of files.
// I've written this based off other efforts on the web, but none did
// both background-images and a set of sprites automatically.
// Still very much a work in progress.
// To use see the bottom three lines.