scss-library/components/01_Layouts/flexGrid/_flexGrid.scss

17 lines
337 B
SCSS
Raw Normal View History

2020-08-23 11:38:45 +02:00
@mixin RV-FlexGrid($item_width: 300px, $item_height: 300px) {
2020-08-21 17:20:29 +02:00
&__Container {
display: grid;
2020-08-23 11:38:45 +02:00
grid-template-columns: repeat(auto-fill, minmax($item_width, 1fr));
grid-template-rows: repeat(auto-fill, $item_height);
grid-auto-rows: $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;
}