Syntax
gap
Setting the gutters between rows and columns.
Overview
Class | Declarations |
---|---|
gap:<size> | gap: <size>/16rem;
|
gap:`row-gap`|`col-gap` | gap: `row-gap` `col-gap`;
|
gap-x:`col-gap` | column-gap: `col-gap`;
|
gap-y:`row-gap` | row-gap: `row-gap`;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="gap:12:hover gap:12@sm gap:12@dark gap:12@print">…</div>