Flexgrid more flexible

This commit is contained in:
2020-08-25 15:54:04 +02:00
parent f1cb456501
commit 332ef9dc03
2 changed files with 13 additions and 8 deletions

View File

@@ -1,13 +1,13 @@
@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;
grid-template-rows: repeat(auto-fill, minmax($-item_height, 1fr));
grid-auto-rows: minmax($-item_height, 1fr);
}
@mixin RV-FlexGrid($-item_width: 300px, $-item_height: 300px) {
&__Container {
@include RV-FlexGrid__Container($-item_width, $-item_height) :
@include RV-FlexGrid__Container($-item_width, $-item_height);
}
&__Item {