reverend/scss-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

All Rows same height

Browse Source
This commit is contained in:
reverend 2020-08-23 11:38:45 +02:00
parent a32c88fc01
commit ced2b2d22a
1 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
components/01_Layouts/flexGrid/_flexGrid.scss
View File

@ -1,10 +1,24 @@
@mixin RV-FlexGrid { @mixin RV-FlexGrid--sameHeight($-inline: false) {
@if $-inline {
grid-auto-rows: 1fr;
}
@if not $-inline {
&__Container {
grid-auto-rows: 1fr;
}
}
}
@mixin RV-FlexGrid($item_width: 300px, $item_height: 300px) {
&__Container { &__Container {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-template-columns: repeat(auto-fill, minmax($item_width, 1fr));
grid-template-rows: repeat(auto-fill, $item_height);
grid-auto-rows: $item_height;
&--sameHeight { &--sameHeight {
grid-auto-rows: 1fr; @include RV-FlexGrid--sameHeight(true);
} }
&--spacing { &--spacing {
@ -13,7 +27,7 @@
} }
&__Item { &__Item {
@include align-content; @include RV-AlignContent;
} }
} }