From 332ef9dc038cda6c76ef99c8912d71bd92ecd8fd Mon Sep 17 00:00:00 2001 From: reverend Date: Tue, 25 Aug 2020 15:54:04 +0200 Subject: [PATCH] Flexgrid more flexible --- components/01_Layouts/flexGrid/_flexGrid.scss | 6 +++--- public/rcss.css | 15 ++++++++++----- 2 files changed, 13 insertions(+), 8 deletions(-) diff --git a/components/01_Layouts/flexGrid/_flexGrid.scss b/components/01_Layouts/flexGrid/_flexGrid.scss index 43a86dc..2db5810 100644 --- a/components/01_Layouts/flexGrid/_flexGrid.scss +++ b/components/01_Layouts/flexGrid/_flexGrid.scss @@ -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 { diff --git a/public/rcss.css b/public/rcss.css index efce846..dd18dbf 100644 --- a/public/rcss.css +++ b/public/rcss.css @@ -255,7 +255,8 @@ top: 0; bottom: 0; left: 0; - right: 0; } + right: 0; + border: none; } .RV-ElementList__Item { margin: 0; @@ -263,7 +264,8 @@ top: 0; bottom: 0; left: 0; - right: 0; } + right: 0; + border: none; } .RV-Spacing__Outer--small { margin: 10px; } @@ -304,7 +306,8 @@ top: 0; bottom: 0; left: 0; - right: 0; } + right: 0; + border: none; } .RV-Iconized__Container--small .RV-Iconized__Icon { width: 1em; @@ -337,7 +340,8 @@ top: 0; bottom: 0; left: 0; - right: 0; } + right: 0; + border: none; } .RV-ImageGrid__Item { margin: 0; @@ -345,7 +349,8 @@ top: 0; bottom: 0; left: 0; - right: 0; } + right: 0; + border: none; } .RV-ImageGrid__Container { display: grid;