src/components/organisms/layout/cards-list.module.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

@use "@styles/abstracts/placeholders";

.wrapper {
  --card-width: 30ch;

  display: grid;
  grid-template-columns: repeat(
    auto-fit,
    min(calc(100vw - (var(--spacing-md) * 2)), var(--card-width))
  );
  gap: var(--spacing-sm);
  place-content: center;
  align-items: stretch;
  justify-items: stretch;

  &--ordered {
    @extend %reset-ordered-list;
  }

  &--unordered {
    @extend %reset-list;
  }
}

.card {
  height: 100%;
}