Skip to content

Instantly share code, notes, and snippets.

@calvinjuarez
Created May 24, 2016 01:31
Show Gist options
  • Save calvinjuarez/df26cfd88a8b0a81d5028bf2a521853f to your computer and use it in GitHub Desktop.
Save calvinjuarez/df26cfd88a8b0a81d5028bf2a521853f to your computer and use it in GitHub Desktop.
CSS Property Order

CSS Property Order

My personal CSS Property order is currently as follows.

content and other esoteric stuff
display
flex
  flex-direction
  align-items
  etc.
positioning
  position
  top
  bottom
  left
  right
  z-index
box model
  height
  width
  margin
  padding
text styles
  color
  font-*
  text-*
  vertical-align
  etc.
container styles
  background-*
  border-*
  etc.
css3 & uncategoized
  cursor
  transform-*
  transition-*
  etc.
svg properties
  fill
  stroke
  etc.
  
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment