@radix-ui/themes/src/styles/utilities/grid-template-rows.css

[](https://radix-ui.com/themes)

@breakpoints {
  .rt-r-gtr {
    /* Keep this selector here to maintain the source order */
  }
  .rt-r-gtr-1 {
    grid-template-rows: minmax(0, 1fr);
  }
  .rt-r-gtr-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .rt-r-gtr-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .rt-r-gtr-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .rt-r-gtr-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .rt-r-gtr-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .rt-r-gtr-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .rt-r-gtr-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .rt-r-gtr-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
}

.rt-r-gtr {
  grid-template-rows: var(--grid-template-rows);
}
@media (--xs) {
  .xs\:rt-r-gtr {
    grid-template-rows: var(--grid-template-rows-xs);
  }
}
@media (--sm) {
  .sm\:rt-r-gtr {
    grid-template-rows: var(--grid-template-rows-sm);
  }
}
@media (--md) {
  .md\:rt-r-gtr {
    grid-template-rows: var(--grid-template-rows-md);
  }
}
@media (--lg) {
  .lg\:rt-r-gtr {
    grid-template-rows: var(--grid-template-rows-lg);
  }
}
@media (--xl) {
  .xl\:rt-r-gtr {
    grid-template-rows: var(--grid-template-rows-xl);
  }
}