erikjung

* {
	margin: 0;
}

html {
	font-size: 13px;
	font-family: sans-serif;
}

body {

erikjung

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

erikjung

/* Better Floating Tiles */

* {
box-sizing:border-box;
}

body {
margin:0 auto;
width:51em;
}

erikjung

/**
 * A Kind of Reset
 */

* {
margin:0;
padding:0;
box-sizing:border-box;
border:0;
}

erikjung

/**
 * Asides Concept
 */

* {
box-sizing:border-box;
margin:0;
}

html {

erikjung

/**
 * Aspect Ratios
 */

html {
min-height:100%;
}

body {
background:url(//placehold.it/480x480) no-repeat;

erikjung

/* Article Index Concept */

* {
margin:0;
box-sizing:border-box;
}

html {
background-color:#eee;
font-size:16px;

erikjung

/**
 * Type Scale
 */

html {
font-family:sans-serif;
font-size:12px;
}

body {

erikjung

/*
 * Simple Grid
 */
 
.grid {
overflow:auto;
}

.grid > div {
float:left;

erikjung

/**
 * UI Pattern: "Horizontal Navigation"
 */

nav[role=navigation] {
  cursor: default;
}

nav[role=navigation] ul {
  list-style: none;