/** ----------------------------------------------------------------------------
Table of Contents:

1.  Box model order

----------------------------------------------------------------------------- */



/**
 * 1.  Box model order
 *     Use the following order to list CSS properties;
 *     based on how the box model is loaded.
 * -----------------------------------------------------------------------------
 */

el {
	/* scaffold */
	display: ;
	box-sizing: ;
	visibility: ;
	float: ;
	clear: ;

	/* positioning */
	position: ;
	top: ;
	right: ;
	bottom: ;
	left: ;
	z-index: ;

	/* size */
	width: ;
	min-width: ;
	max-width: ;
	height: ;
	min-height: ;
	max-height: ;
	overflow: ;
	overflow-x: ;
	overflow-y: ;

	box-sizing: ;

	/* margins and paddings */
	margin: ;
	margin-top: ;
	margin-right: ;
	margin-bottom: ;
	margin-left: ;

	padding: ;
	padding-top: ;
	padding-right: ;
	padding-bottom: ;
	padding-left: ;

	/* border */
	border: ;
	border-top: ;
	border-right: ;
	border-bottom: ;
	border-left: ;

	border-width: ;
	border-top-width: ;
	border-right-width: ;
	border-bottom-width: ;
	border-left-width: ;

	border-style: ;
	border-top-style: ;
	border-right-style: ;
	border-bottom-style: ;
	border-left-style: ;

	border-color: ;
	border-top-color: ;
	border-right-color: ;
	border-bottom-color: ;
	border-left-color: ;

	border-radius: ;
	border-top-left-radius: ;
	border-top-right-radius: ;
	border-bottom-right-radius: ;
	border-bottom-left-radius: ;

	outline: ;

	box-shadow: ;

	/* list-specific properties */
	list-style: ;
	counter-reset: ;
	counter-increment: ;

	/* table-specific properties */
	table-layout: ;
	caption-side: ;
	border-collapse: ;
	border-spacing: ;
	empty-cells: ;

	/* typography */
	font: ;
	font-family: ;
	font-size: ;
	line-height: ;
	font-weight: ;
	text-align: ;
	text-indent: ;
	text-transform: ;
	text-decoration: ;
	letter-spacing: ;
	word-spacing: ;
	white-space: ;
	vertical-align: ;
	color: ;

	/* background */
	background: ;
	background-color: ;
	background-image: ;
	background-repeat: ;
	background-position: ;
	background-size: ;

	/* visibility */
	opacity: ;
	appearance: ;

	/* cursor */
	cursor: ;

	/* CSS content */
	content: ;
	quotes: ;

	/* CSS3 */
	gradient: ;
	transition: ;

	/* IE hacks */
	zoom: ;
}