Skip to content

Instantly share code, notes, and snippets.

@rxgx
Created October 9, 2012 22:29
Show Gist options
  • Save rxgx/3861855 to your computer and use it in GitHub Desktop.
Save rxgx/3861855 to your computer and use it in GitHub Desktop.
CSS Property Order Convention
css-property-order {
/* Position Values */
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Box Sizing */
width: auto;
height: auto;
max-width: auto;
min-width: auto;
max-height: auto;
min-height: auto;
/* Box Sizing Modifiers */
border: 1px solid white;
margin: 2em auto 0 auto;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: .5em 1em;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
/* All Other Properties Alphabetically */
border-top-style: dotted;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
font-size: 1em;
list-style: none;
overflow: scroll;
position: absolute;
z-index: 1000;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment