@grid-{}
Expose the code for any standard grid utility in ACSS. This includes:
@grid-1
@grid-2
@grid-3
@grid-4
@grid-5
@grid-6
@grid-7
@grid-8
@grid-9
@grid-10
@grid-11
@grid-12
@grid-1-2
@grid-1-3
@grid-2-1
@grid-2-3
@grid-3-1
@grid-3-2
Pro tip: You can quickly declare different grids at different mobile breakpoints from the parent element by combining breakpoint recipes with grid recipes.
@auto-grid
Expands code for creating an auto grid. The number of columns can be set with --column-count
and the min item width can be set with --min
.
@variable-grid
Expands code for creating a variable grid. The min item width can be set with --min
.