Skip to content

Instantly share code, notes, and snippets.

@SaraSoueidan
Created June 8, 2013 02:37
Show Gist options
  • Save SaraSoueidan/5733739 to your computer and use it in GitHub Desktop.
Save SaraSoueidan/5733739 to your computer and use it in GitHub Desktop.
Standard Order of CSS Properties
/*
layout
box
text
elements
based on conversation here: Mozilla, seen here: http://smacss.com/book/formatting#comment-323275246
missing a place for animations and transitions
*/
el {
content: ;
cursor: ;
/* layout */
display: ;
visibility: ;
float: ;
clear: ;
position: ;
z-index: ;
top: ;
right: ;
bottom: ;
left: ;
/* box */
opacity: ;
box-sizing: ;
width: ;
min-width: ;
max-width: ;
height: ;
min-height: ;
max-height: ;
overflow: ;
vertical-align: ;
margin: ;
outline: ;
box-shadow: ;
border-radius:;
border: ;
border-width: ;
border-style: ;
border-color: ;
padding: ;
background: ;
/* text */
color: ;
font: ;
font-family: ;
font-size: ;
font-weight: ;
letter-spacing: ;
line-height: ;
text-align: ;
text-decoration: ;
text-indent: ;
text-shadow: ;
text-transform: ;
word-spacing: ;
white-space: ;
/* element specific */
list-style: ;
table-layout: ;
caption-side: ;
border-collapse: ;
border-spacing: ;
empty-cells: ;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment