Installation

npm install stylelint-config-whq --save-dev

Usage

If you've installed stylelint-config-whq locally within your project, just set your stylelint config to:

{
  "extends": "stylelint-config-whq"
}

Order

// Display
 
display
visibility

// Position Model
 
clip
position
top
right
bottom
left
z-index

// Flex Model
 
flex
flex-basis
flex-direction
flex-flow
flex-grow
flex-shrink
flex-wrap
 
align-content
align-items
align-self
justify-content
order

// Grid Model
 
grid

// Float Model
 
float
clear

// Box Model
 
box-sizing
 
width
min-width
max-width
 
height
min-height
max-height
 
overflow
overflow-x
overflow-y
 
margin
margin-top
margin-right
margin-bottom
margin-left
 
padding
padding-top
padding-right
padding-bottom
padding-left
 
border
border-width
border-style
border-color
border-collapse
border-radius
border-spacing

// Table Options
 
table-layout
caption-side
empty-cells

// Visual Box
 
background
background-color
background-image
background-repeat
background-position
background-size
background-attachment
background-clip
background-blend-mode
 
box-shadow
object-fit
opacity
 
outline
outline-width
outline-style
outline-color

// Typography
 
direction
 
font
font-family
font-style
font-variant
font-size
font-stretch
font-weight
 
letter-spacing
line-height
 
text-align
text-indent
text-transform
text-decoration
text-shadow
text-stroke
text-overflow
 
vertical-align
hanging-punctuation
 
white-space
word-break
word-spacing
 
color

// Animation
 
animation
animation-delay
animation-direction
animation-duration
animation-iteration-count
animation-fill-mode
animation-name
animation-play-state
animation-timing-function

// Transform
 
backface-visibility
 
perspective
perspective-origin
 
transform
transform-origin
transform-style

// Transition
 
transition
transition-delay
transition-duration
transition-property
transition-timing-function
 
will-change

// Pointer + Selection
 
appearance
cursor
pointer-events
user-select
resize

// Generated Content
 
content
 
counter-increment
counter-reset
 
list-style
list-style-image
list-style-position
list-style-type
 
quotes