All Rows same height
This commit is contained in:
		@@ -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;
 | 
				
			||||||
	}
 | 
						}
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user