amis-rpc-design/libs/amis/packages/amis-ui/scss/helper/grid/_rows.scss
2023-10-07 19:42:30 +08:00

51 lines
1.3 KiB
SCSS

/*!markdown
---
title: Grid Template Rows
---
| Class | Properties |
| ----------- | ------------------------ |
| grid-rows-1 | grid-template-rows: repeat(1, minmax(0, 1fr)) |
| grid-rows-2 | grid-template-rows: repeat(2, minmax(0, 1fr)) |
| grid-rows-3 | grid-template-rows: repeat(3, minmax(0, 1fr)) |
| grid-rows-4 | grid-template-rows: repeat(4, minmax(0, 1fr)) |
| grid-rows-5 | grid-template-rows: repeat(5, minmax(0, 1fr)) |
| grid-rows-6 | grid-template-rows: repeat(6, minmax(0, 1fr)) |
| grid-rows-none | grid-template-rows: none |
*/
@mixin make-grid-rows($prefix: '.') {
#{$prefix}grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
#{$prefix}grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
#{$prefix}grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
#{$prefix}grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
#{$prefix}grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr));
}
#{$prefix}grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr));
}
#{$prefix}grid-rows-none {
grid-template-rows: none;
}
}
@include make-grid-rows();
@each $deivce in map-keys($devices) {
@include media-device($deivce) {
@include make-grid-rows('.' + selector-escape($deivce + ':'));
}
}