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/organisms/layout/cards-list.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/organisms/layout/cards-list.module.scss')
| -rw-r--r-- | src/components/organisms/layout/cards-list.module.scss | 24 |
1 files changed, 0 insertions, 24 deletions
diff --git a/src/components/organisms/layout/cards-list.module.scss b/src/components/organisms/layout/cards-list.module.scss deleted file mode 100644 index 1665829..0000000 --- a/src/components/organisms/layout/cards-list.module.scss +++ /dev/null @@ -1,24 +0,0 @@ -@use "../../../styles/abstracts/mixins" as mix; -@use "../../../styles/abstracts/placeholders"; - -.wrapper { - display: grid; - grid-template-columns: repeat( - auto-fit, - min(calc(100vw - (var(--spacing-md) * 2)), var(--card-width, 30ch)) - ); - gap: var(--spacing-sm); - place-content: center; - align-items: stretch; - justify-items: stretch; - - @include mix.media("screen") { - @include mix.dimensions(null, "sm") { - gap: var(--spacing-lg); - } - } -} - -.item > * { - height: 100%; -} |