jonathanfalkner

/**
 * EM based stop points
 */
html,body {
   font-size:18px;
   margin:0;
}
.measurement-bar {
  overflow:hidden;
  white-space:nowrap;

jonathanfalkner

/**
 * Timeline Priority Calculation
 */
input { margin:.33em 1em; }
button { margin: 0 1em; }
div { margin: .33em 0; }

jonathanfalkner

/**
 * Timeline Priority Calculation
 */
input { margin:.33em 1em; }
button { margin: 0 1em; }
div { margin: .33em 0; }

jonathanfalkner

/**
 * Timeline Priority Calculation
 */
input { margin:.33em 1em; }
button { margin: 0 1em; }
div { margin: .33em 0; }

jonathanfalkner

/**
 * Timeline Priority Calculation
 */
input { margin:.33em 1em; }
button { margin: 0 1em; }
div { margin: .33em 0; }

jonathanfalkner

/**
 * The first commented line is your dabblet’s title
 */

jonathanfalkner

/**
 * Header as inline with a description
 */
html {font-size:8px; font-family: arial, helvetica, sans serif; }
h1, p, div {line-height:1.2em}
h1 { display:inline-block; float:left; font-size:2.5em; padding:0; margin:0; margin-right:.33em; margin-top:-.2em; margin-bottom:-.2em;}
p { font-size:2em; display:inline; }
div { border: 1px solid black; padding: 1.5em;}

jonathanfalkner

/**
 * .❨╯°□°❩╯︵┻━┻ class
 */
body { background-color:silver; }

/* Error Class */
.❨╯°□°❩╯︵┻━┻ {    
	color:white;
	display:inline-block;    
	position:relative;    

jonathanfalkner

/**
 * align middle
 */
.c {
display:block;
background-color:lightblue;
height:200px;
width:500px;
display:table;
}

jonathanfalkner

/**
 * Navigataur test
 */
/*
 	Notes:
 
 	- Media queries should be edited in both style sections if you require 
	  a different breakpoint for your navigation.
	  
	- Toggle class & menu anchor tags in list items have box-sizing: border-box