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