Evan's Preferred CSS rule order

css_rule_order.css

selector
{ 
  list-style: …; /* if applicable */
  
  /* Box model/layout */
  box-*: …;
  margin: …;
  padding: …;
  width: …;
  min-width: …;
  max-width: …;
  height: …;
  min-height: …;
  max-height: …;

  /* Theme properties */
  background: …;
  border: …;
  color: …;
  direction: …;
  font: …;
  outline: …;
  text-align: …;
  text-decoration: …;
  text-indent: …;
  text-transform: …;
  letter-spacing: …;
  vertical-align: …;
  word-spacing: …;
  word-break: …;
  word-wrap: …;
  quotes: …;
  page-break-*: …;
  white-space: …;

  /* Display */
  display: …;
  visibility: …;
  overflow: …;
  clip: …;
  resize: …;
  opacity: …;
  table-layout: …;


  position: …;
  top: …;
  right: …;
  bottom: …;
  left: …;
  z-index: …;
  
  float: …;
  clear: …;

  /* Transforms and animations */
  transform: …;
  animation: …;
  transition: …;


}

How do I open these back up so I can read