Position
@for (i of ['static','fixed','absolute','relative','sticky']; track i) {
.{{i}}
}
Display
@for (i of ['block','inline-block','inline',
'flex','inline-flex','none']; track i) {
.d-{{i}}
}
Flexbox (Direction)
@for (i of ['row','row-reverse','col','col-reverse']; track i) {
.flex-{{i}}
}
Flexbox (Fill & Grow & shrink)
.flex-fill
@for (i of ['grow-0','grow-1']; track i) {
.flex-{{i}}
}
@for (i of ['shrink-0','shrink-1']; track i) {
.flex-{{i}}
}
Flexbox (Wrap)
@for (i of ['wrap','nowrap','wrap-reverse']; track i) {
.flex-{{i}}
}
Flexbox (Justify content)
@for (i of ['start','end','center','between','around']; track i) {
.justify-content-{{i}}
}
Flexbox (Align content)
@for (i of ['start','end','center','between','around','stretch']; track i) {
.align-content-{{i}}
}
Flexbox (Align items)
@for (i of ['start','end','center','baseline','stretch']; track i) {
.align-items-{{i}}
}
Flexbox (Align self)
@for (i of ['auto','start','end','center','baseline','stretch']; track i) {
.align-self-{{i}}
}