Skip to content

Instantly share code, notes, and snippets.

@erikjung
erikjung / dabblet.css
Created February 9, 2012 05:18
Better Floating Tiles
/* Better Floating Tiles */
* {
box-sizing:border-box;
}
body {
margin:0 auto;
width:51em;
}
@erikjung
erikjung / dabblet.css
Created February 9, 2012 06:01
A Kind of Reset
/**
* A Kind of Reset
*/
* {
margin:0;
padding:0;
box-sizing:border-box;
border:0;
}
@erikjung
erikjung / dabblet.css
Created February 12, 2012 02:03
Asides Concept
/**
* Asides Concept
*/
* {
box-sizing:border-box;
margin:0;
}
html {
@erikjung
erikjung / dabblet.css
Created February 14, 2012 18:24
Aspect Ratios
/**
* Aspect Ratios
*/
html {
min-height:100%;
}
body {
background:url(//placehold.it/480x480) no-repeat;
@erikjung
erikjung / dabblet.css
Created February 16, 2012 08:51
Article Index Concept
/* Article Index Concept */
* {
margin:0;
box-sizing:border-box;
}
html {
background-color:#eee;
font-size:16px;
@erikjung
erikjung / dabblet.css
Created February 19, 2012 00:16
Type Scale
/**
* Type Scale
*/
html {
font-family:sans-serif;
font-size:12px;
}
body {
@erikjung
erikjung / dabblet.css
Created February 25, 2012 10:31
Simple Grid
/*
* Simple Grid
*/
.grid {
overflow:auto;
}
.grid > div {
float:left;
@erikjung
erikjung / dabblet.css
Created February 27, 2012 01:36
UI Pattern: "Horizontal Navigation"
/**
* UI Pattern: "Horizontal Navigation"
*/
nav[role=navigation] {
cursor: default;
}
nav[role=navigation] ul {
list-style: none;
@erikjung
erikjung / dabblet.css
Created February 28, 2012 04:15
UI Pattern: "Breadcrumb"
/**
* UI Pattern: "Breadcrumb"
*/
.breadcrumb {
display: block;
}
.breadcrumb a:link:after {
content: "/";
@erikjung
erikjung / dabblet.css
Created February 28, 2012 04:47
Icon Strategy
/**
* Icon Strategy
*/
@font-face {
font-family: icons;
src: url('//erikdavidjung.com/icons.svg') format('svg');
}
.icon {