All Rows same height
This commit is contained in:
parent
a32c88fc01
commit
ced2b2d22a
@ -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 {
|
||||
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 {
|
||||
grid-auto-rows: 1fr;
|
||||
@include RV-FlexGrid--sameHeight(true);
|
||||
}
|
||||
|
||||
&--spacing {
|
||||
@ -13,7 +27,7 @@
|
||||
}
|
||||
|
||||
&__Item {
|
||||
@include align-content;
|
||||
@include RV-AlignContent;
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user