grid-parent
Applying the grid-parent system modifier to your component will allow consumers of your component to pass in the following props:
| Property | Type | Description |
|---|---|---|
$gap | See MDN | Applies gap (grid-gap) styles to the element |
$columnGap | See MDN | Applies column-gap (grid-column-gap) styles to the element |
$rowGap | See MDN | Applies row-gap (grid-row-gap) styles to the element |
$gridTemplateAreas | See MDN | Applies gridTemplateAreas styles to the element |
$gridTemplateColumns | See MDN | Applies gridTemplateColumns styles to the element |
$gridTemplateRows | See MDN | Applies grid-template-rows styles to the element |
$gridAutoFlow | See MDN | Applies grid-auto-flow styles to the element |
$justifyItems | See MDN | Applies justify-items styles to the element |
$justifyContent | See MDN | Applies justify-content styles to the element |
$alignItems | See MDN | Applies align-items styles to the element |
$alignContent | See MDN | Applies align-content styles to the element |