From a50173e63b52ad5b2563c3b38896669d2f38fdd3 Mon Sep 17 00:00:00 2001 From: Guirec Lefort Date: Mon, 14 Dec 2020 11:28:11 +0100 Subject: [PATCH] Update grid utility classes with new properties --- assets/scss/utils/_grid.scss | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) diff --git a/assets/scss/utils/_grid.scss b/assets/scss/utils/_grid.scss index 1941c77..812e64b 100644 --- a/assets/scss/utils/_grid.scss +++ b/assets/scss/utils/_grid.scss @@ -19,10 +19,44 @@ $grid-utilities: ( "10": repeat(10, minmax(0, 1fr)), "11": repeat(11, minmax(0, 1fr)), "12": repeat(12, minmax(0, 1fr)), + "autofit": repeat(auto-fit, minmax(0, 1fr)), "none": none, ), responsive: true, ), + "grid-auto-flow": ( + property: grid-auto-flow, + class: grid-flow, + values: ( + "col": column, + "col-dense": column dense, + "row": row, + "row-dense": row dense, + ), + responsive: true, + ), + "grid-auto-columns": ( + property: grid-auto-columns, + class: auto-cols, + values: ( + "auto": auto, + "min": min-content, + "max": max-content, + "fr": minmax(0, 1fr), + ), + responsive: true, + ), + "grid-auto-row": ( + property: grid-auto-row, + class: auto-rows, + values: ( + "auto": auto, + "min": min-content, + "max": max-content, + "fr": minmax(0, 1fr), + ), + responsive: true, + ), ); @include generate-utilities($grid-utilities);