Any number is a gap.
flex
token
|
output
|
unit
col
|
flex-direction:column
|
-
col-start
|
flex-direction:column;align-items:flex-start
|
-
col-center
|
flex-direction:column;align-items:center
|
-
col-end
|
flex-direction:column;align-items:flex-end
|
-
col-rev
|
flex-direction:column-reverse
|
-
row
|
flex-direction:row
|
-
row-start
|
flex-direction:row;justify-content:flex-start
|
-
row-center
|
flex-direction:row;justify-content:center
|
-
row-end
|
flex-direction:row;justify-content:flex-end
|
-
row-rev
|
flex-direction:row-reverse
|
-
basis-*
|
flex-basis: *
|
-
grow
|
flex-grow:1
|
-
grow-*
|
flex-grow: *
|
-
shrink
|
flex-shrink:1
|
-
shrink-*
|
flex-shrink: *
|
-
wrap
|
flex-wrap:wrap
|
-
wrap-*
|
flex-wrap: *
|
-
wrap-rev
|
flex-wrap: wrap-reverse
|
-
order
token
|
output
|
unit
order-*
|
order: *
|
-
justify
token
|
output
|
unit
center
|
justify-content:center;align-items:center
|
-
space
|
justify-content:space-between;align-items:center
|
-
evenly
|
justify-content: space-evenly;align-items:center
|
-
around
|
justify-content: space-around;align-items:center
|
-
start
|
justify-content: flex-start
|
-
end
|
justify-content: flex-end
|
-
jc-*
|
justify-content: *
|
-
jc-c
|
justify-content: center
|
-
jc-bl
|
justify-content: baseline
|
-
jc-s
|
justify-content: start
|
-
jc-e
|
justify-content: end
|
-
jc-sb
|
justify-content: space-between
|
-
jc-sa
|
justify-content: space-around
|
-
jc-se
|
justify-content: space-evenly
|
-
ji-*
|
justify-items: *
|
-
ji-c
|
justify-items: center
|
-
ji-bl
|
justify-items: baseline
|
-
ji-s
|
justify-items: start
|
-
ji-e
|
justify-items: end
|
-
ji-st
|
justify-items: stretch
|
-
align
token
|
output
|
unit
stretch
|
align-items:stretch
|
-
top
|
align-items: flex-start
|
-
bottom
|
align-items: flex-end
|
-
ac-*
|
align-content: *
|
-
ac-c
|
align-content: center
|
-
ac-bl
|
align-content: baseline
|
-
ac-s
|
align-content: start
|
-
ac-e
|
align-content: end
|
-
ac-sb
|
align-content: space-between
|
-
ac-sa
|
align-content: space-around
|
-
ac-se
|
align-content: space-evenly
|
-
ai-*
|
align-items: *
|
-
ai-c
|
align-items: center
|
-
ai-bl
|
align-items: baseline
|
-
ai-s
|
align-items: start
|
-
ai-e
|
align-items: end
|
-
ai-st
|
align-items: stretch
|
-