calvinjuarez/css-property-order.md

Created May 24, 2016 01:31

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/calvinjuarez/df26cfd88a8b0a81d5028bf2a521853f.js"></script>
Save calvinjuarez/df26cfd88a8b0a81d5028bf2a521853f to your computer and use it in GitHub Desktop.

Download ZIP

CSS Property Order

Raw

css-property-order.md

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.