Any number is a gap.
grid
token
|
output
|
unit
cols-*
|
grid-template-columns: repeat(*,1fr)
|
-
rows-*
|
grid-template-rows: repeat(*,1fr)
|
-
justify
token
|
output
|
unit
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
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
|
-