@use "@styles/abstracts/functions" as fun; @use "@styles/abstracts/placeholders"; .list { --items: 4; --items-size: 31ch; @extend %reset-list; display: grid; grid-template-columns: repeat( auto-fit, min(calc(100vw - (var(--spacing-md) * 2)), var(--items-size)) ); gap: var(--spacing-sm); place-content: center; width: min( calc(100vw - (var(--spacing-md) * 2)), calc( (var(--items-size) * var(--items)) + (var(--spacing-sm) * (var(--items) - 1)) ) ); margin: var(--spacing-sm) auto 0; } vcs-git' href='git://git.armand.philippot.euwww.armandphilippot.com' title='www.armandphilippot.com Git repository'/>
aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/lists/description-list.module.scss
blob: 9e913d4f37fa73da8b616f554890e041afc0b990 (plain) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

@use "@styles/abstracts/mixins" as mix;

.list {
  display: flex;
  column-gap: var(--spacing-md);
  row-gap: var(--spacing-2xs);
  margin: 0;

  &--inline {
    flex-flow: row wrap;
    align-items: baseline;
  }

  &--column {
    flex-flow: column wrap;
  }
}