diff options
Diffstat (limited to 'assets/css/layouts')
-rw-r--r-- | assets/css/layouts/_card-list.scss | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss index 7a09c54..b8d343b 100644 --- a/assets/css/layouts/_card-list.scss +++ b/assets/css/layouts/_card-list.scss | |||
@@ -7,18 +7,22 @@ | |||
7 | --margin-top: fn.global-dim(--size --700), | 7 | --margin-top: fn.global-dim(--size --700), |
8 | --spacing: fn.global-dim(--size --200), | 8 | --spacing: fn.global-dim(--size --200), |
9 | --gap: fn.global-dim(--size --25), | 9 | --gap: fn.global-dim(--size --25), |
10 | --grid: ( | 10 | --grid-2: ( |
11 | --gap: fn.global-dim(--size --75), | 11 | --gap: fn.global-dim(--size --75), |
12 | --col-width: fn.global-dim(--size --3400), | 12 | --col-width: fn.global-dim(--size --3400), |
13 | ), | 13 | ), |
14 | --small-gallery: ( | 14 | --grid-3: ( |
15 | --gap: fn.global-dim(--size --250), | 15 | --gap: fn.global-dim(--size --75), |
16 | --col-width: fn.global-dim(--size --2800), | 16 | --col-width: fn.global-dim(--size --2800), |
17 | ), | 17 | ), |
18 | --gallery: ( | 18 | --gallery-2: ( |
19 | --gap: fn.global-dim(--size --250), | 19 | --gap: fn.global-dim(--size --250), |
20 | --col-width: fn.global-dim(--size --3400), | 20 | --col-width: fn.global-dim(--size --3400), |
21 | ) | 21 | ), |
22 | --gallery-3: ( | ||
23 | --gap: fn.global-dim(--size --250), | ||
24 | --col-width: fn.global-dim(--size --2800), | ||
25 | ), | ||
22 | ) | 26 | ) |
23 | ), 'dims'); | 27 | ), 'dims'); |
24 | 28 | ||
@@ -40,7 +44,7 @@ | |||
40 | gap: fn.dim(--gap); | 44 | gap: fn.dim(--gap); |
41 | margin-top: fn.dim(--spacing); | 45 | margin-top: fn.dim(--spacing); |
42 | 46 | ||
43 | @each $mode in 'grid' 'small-gallery' 'gallery' { | 47 | @each $mode in 'grid-2' 'grid-3' 'gallery-2' 'gallery-3' { |
44 | @include iro.bem-modifier($mode) { | 48 | @include iro.bem-modifier($mode) { |
45 | display: grid; | 49 | display: grid; |
46 | align-items: start; | 50 | align-items: start; |