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

21 lines
506 B
SCSS
Raw Normal View History

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