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

Refactoring and stripped a feature

Browse Source
This commit is contained in:
reverend 2020-08-23 14:40:03 +02:00
parent 7eeaaff40c
commit 1179cfb0ff
1 changed files with 1 additions and 21 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,33 +1,13 @@
@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) { @mixin RV-FlexGrid($item_width: 300px, $item_height: 300px) {
&__Container { &__Container {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax($item_width, 1fr)); grid-template-columns: repeat(auto-fill, minmax($item_width, 1fr));
grid-template-rows: repeat(auto-fill, $item_height); grid-template-rows: repeat(auto-fill, $item_height);
grid-auto-rows: $item_height; grid-auto-rows: $item_height;
&--sameHeight {
@include RV-FlexGrid--sameHeight(true);
}
&--spacing {
gap: 10px;
}
} }
&__Item { &__Item {
@include RV-AlignContent; @include RV-Alignment;
} }
} }