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;

erikjung

/**
 * UI Pattern: "Breadcrumb"
 */

.breadcrumb {
  display: block; 
}

.breadcrumb a:link:after {
  content: "/";

erikjung

/**
 * Icon Strategy
 */
 
 @font-face {
   font-family: icons;
   src: url('//erikdavidjung.com/icons.svg') format('svg');
 }

.icon {