aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/layout/columns.module.scss
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-10-18 19:25:02 +0200
committerArmand Philippot <git@armandphilippot.com>2023-11-11 18:14:41 +0100
commit94448fa278ab352a741ff13f22d6104869571144 (patch)
tree2185e77f2866d11a0144d4ac5a01c71a76807341 /src/components/molecules/layout/columns.module.scss
parentc153f93dc8691a71dc76aad3dd618298da9d238a (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.scss30
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));
- }
- }
- }
-}