diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-10-18 19:25:02 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-11 18:14:41 +0100 |
| commit | 94448fa278ab352a741ff13f22d6104869571144 (patch) | |
| tree | 2185e77f2866d11a0144d4ac5a01c71a76807341 /src/components/molecules/layout/columns.module.scss | |
| parent | c153f93dc8691a71dc76aad3dd618298da9d238a (diff) | |
feat(components): add a generic Grid component
* merge Columns, Gallery and CardsList into Grid component
* add more options to control the grid
Diffstat (limited to 'src/components/molecules/layout/columns.module.scss')
| -rw-r--r-- | src/components/molecules/layout/columns.module.scss | 30 |
1 files changed, 0 insertions, 30 deletions
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)); - } - } - } -} |
