Grid Recipes
@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.