2020-08-23 19:20:11 +02:00
|
|
|
@mixin RV-FlexGrid__Container($-item_width: 300px, $-item_height: 300px) {
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: repeat(auto-fill, minmax($-item_width, 1fr));
|
|
|
|
grid-template-rows: repeat(auto-fill, $-item_height);
|
|
|
|
grid-auto-rows: $-item_height;
|
|
|
|
}
|
|
|
|
|
|
|
|
@mixin RV-FlexGrid($-item_width: 300px, $-item_height: 300px) {
|
2020-08-21 17:20:29 +02:00
|
|
|
&__Container {
|
2020-08-23 19:20:11 +02:00
|
|
|
@include RV-FlexGrid__Container($-item_width, $-item_height) :
|
2020-08-21 16:50:22 +02:00
|
|
|
}
|
|
|
|
|
2020-08-21 17:20:29 +02:00
|
|
|
&__Item {
|
2020-08-23 14:40:03 +02:00
|
|
|
@include RV-Alignment;
|
2020-08-21 16:50:22 +02:00
|
|
|
}
|
2020-08-21 17:20:29 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.RV-FlexGrid{
|
|
|
|
@include RV-FlexGrid;
|
|
|
|
}
|