Skip to content

Instantly share code, notes, and snippets.

@femontanha
Created July 6, 2016 22:15
Show Gist options
  • Save femontanha/d896d004b60e52afd564b712f28fe048 to your computer and use it in GitHub Desktop.
Save femontanha/d896d004b60e52afd564b712f28fe048 to your computer and use it in GitHub Desktop.
# SMACSS Property Order
# http://smacss.com/book/formatting
# Box
display
position
top
right
bottom
left
flex
flex-basis
flex-direction
flex-flow
flex-grow
flex-shrink
flex-wrap
align-content
align-items
align-self
justify-content
order
width
min-width
max-width
height
min-height
max-height
margin
margin-top
margin-right
margin-bottom
margin-left
padding
padding-top
padding-right
padding-bottom
padding-left
float
clear
clip
columns
column-gap
column-fill
column-rule
column-span
column-count
column-width
transform
transform-box
transform-origin
transform-style
transition
transition-delay
transition-duration
transition-property
transition-timing-function
# Border
border
border-top
border-right
border-bottom
border-left
border-width
border-top-width
border-right-width
border-bottom-width
border-left-width
border-style
border-top-style
border-right-style
border-bottom-style
border-left-style
border-radius
border-top-left-radius
border-top-right-radius
border-bottom-left-radius
border-bottom-right-radius
border-color
border-top-color
border-right-color
border-bottom-color
border-left-color
outline
outline-color
outline-offset
outline-style
outline-width
# Background
background
background-attachment
background-clip
background-color
background-image
background-repeat
background-position
background-size
# Text
color
font
font-family
font-size
font-smoothing
font-style
font-variant
font-weight
letter-spacing
line-height
list-style
text-align
text-decoration
text-indent
text-overflow
text-rendering
text-shadow
text-transform
text-wrap
white-space
word-spacing
# Other
border-collapse
border-spacing
box-shadow
caption-side
content
cursor
empty-cells
opacity
overflow
quotes
speak
table-layout
vertical-align
visibility
z-index
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment