From 94448fa278ab352a741ff13f22d6104869571144 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Wed, 18 Oct 2023 19:25:02 +0200 Subject: feat(components): add a generic Grid component * merge Columns, Gallery and CardsList into Grid component * add more options to control the grid --- .../molecules/layout/columns.module.scss | 30 ---------------------- 1 file changed, 30 deletions(-) delete mode 100644 src/components/molecules/layout/columns.module.scss (limited to 'src/components/molecules/layout/columns.module.scss') diff --git a/src/components/molecules/layout/columns.module.scss b/src/components/molecules/layout/columns.module.scss deleted file mode 100644 index 0d383e7..0000000 --- a/src/components/molecules/layout/columns.module.scss +++ /dev/null @@ -1,30 +0,0 @@ -@use "../../../styles/abstracts/mixins" as mix; - -.wrapper { - display: grid; - gap: var(--spacing-md); - - &--responsive#{&} { - @for $i from 2 through 4 { - &--#{$i}-columns { - @include mix.media("screen") { - @include mix.dimensions("sm") { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - - @include mix.dimensions("md") { - grid-template-columns: repeat($i, minmax(0, 1fr)); - } - } - } - } - } - - &--no-responsive#{&} { - @for $i from 2 through 4 { - &--#{$i}-columns { - grid-template-columns: repeat($i, minmax(0, 1fr)); - } - } - } -} -- cgit v1.2.3