/* ================================================================= */
/*				@breakpoint				 							*/
/* =============================================================== */
$at_desktop: 60em;



/*Ingredients*/
@import "../framework_scss/ingredients/_algorithm.scss";



#gld_units {
		font-family: monospace;
		letter-spacing: 1px;
	dd.boxtest {
		background-color: #444;
		margin-bottom: $gld2;
	}
	
	#test1 { width: $gld1 }
	#test2 { width: $gld2 }
	#test3 { width: $gld3 }
	#test4 { width: $gld4 }
	#test5 { width: $gld5 }
	#test6 { width: $gld6 }
	#test7 { width: $gld7 }
	#test8 { width: $gld8 }
	#test9 { width: $gld9 }
	#test10 { width: $gld10 }
	#test11 { width: $base }
} /* #gld_units */

.tdright { border-right: 2px dashed gray }

#color_text {
	border-top: 1px solid $baseColor;
	border-bottom: 1px solid $baseColor;

	padding: $gld5;

	#lighterc {color: $baseColorLighter; }
	#lightc { color: $baseColorLight; }
	#basec { color: $baseColor; }
	#darkc { color: $baseColorDark; }
	#darkerc { color: $baseColorDarker; }
}

code {
    background-color: $baseColorLighter;
    padding: $gld4;
    display: inline-block;
    border: 1px solid $baseColorLight;
}

/* Type and $group Styles */
	$sans:	'Fira Sans', Verdana, sans-serif;
	$serif: 'PT Serif', 'Georgia', serif;