Syntax
grid-rows
Style utility for creating multiple grid rows.
Overview
Class | Declarations |
---|---|
grid-rows:`value` | display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(`value`,minmax(0,1fr));
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="grid-rows:12:hover grid-rows:12@sm grid-rows:12@dark grid-rows:12@print">…</div>