expansion: d:f
, df
:
display: flex;
expansion: fxd:r
, fxdr
:
flex-direction: row;
expansion: fxd:rr
, fxdrr
:
flex-direction: row-reverse;
expansion: fxd:c
, fxdc
:
flex-direction: column;
expansion: fxd:cr
, fxdcr
:
flex-direction: column-reverse;
expansion: fxw:n
, fxwn
:
flex-wrap: nowrap;
expansion: fxw:w
, fxww
:
flex-wrap: wrap;
expansion: fxw:wr
, fxwwr
:
flex-wrap: wrap-reverse;
expansion: fxf:
, fxf
:
flex-flow: ;
expansion: jcf:s
, jcfs
:
justify-content: flex-start;
expansion: jcf:e
, jcfe
:
justify-content: flex-end;
expansion: jc:c
, jcc
:
justify-content: center;
expansion: jc:sb
, jcsb
:
justify-content: space-between;
expansion: jc:sa
, jcsa
:
justify-content: space-around;
expansion: ai:s
, ais
:
align-items: stretch;
expansion: ai:fs
, aifs
:
align-items: flex-start;
expansion: ai:fe
, aife
:
align-items: flex-end;
expansion: ai:c
, aic
:
align-items: center;
expansion: ai:b
, aib
:
align-items: baseline;
expansion: ac:s
, acs
:
align-content: stretch;
expansion: ac:fs
, acfs
:
align-content: flex-start;
expansion: ac:fe
, acfe
:
align-content: flex-end;
expansion: ac:c
, acc
:
align-content: center;
expansion: ac:sb
, acsb
:
align-content: space-between;
expansion: ac:sa
, acsa
:
align-content: space-around;
expansion: fg:
, fg
:
flex-grow: ;
expansion: fb:
, fb
:
flex-basis: ;
expansion: fxs:
, fxs
:
flex-shrink: ;
expansion: fx:
, fx
:
flex: ;
expansion: od:
, od
:
order: ;
expansion: as:a
, asa
:
align-self: auto;
expansion: as:fs
, asfs
:
align-self: flex-start;
expansion: as:fe
, asfe
:
align-self: flex-end;
expansion: as:c
, asc
:
align-self: center;
expansion: as:b
, asb
:
align-self: baseline;
expansion: as:s
, ass
:
align-self: stretch;