Grid Template Rows

Below, utility classes to apply grid-template-rows property.

@for $value from 0 through 12

Class	Properties
.grid-rows-none	grid-template-rows: none;
.grid-rows-<value>	grid-template-rows: repeat(#{$value}, minmax(0, 1fr));

Example(s)

1

2

3

4

5

6

7

8

9

<div class="grid grid-rows-3 flow-column gap-2 ...">
  <div class="w-1/1 h-12 ...">1</div>
  <div class="w-1/1 h-12 ...">2</div>
  <div class="w-1/1 h-12 ...">3</div>
  <div class="w-1/1 h-12 ...">4</div>
  <div class="w-1/1 h-12 ...">5</div>
  <div class="w-1/1 h-12 ...">6</div>
  <div class="w-1/1 h-12 ...">7</div>
  <div class="w-1/1 h-12 ...">8</div>
  <div class="w-1/1 h-12 ...">9</div>
</div>