diff options
Diffstat (limited to 'assets/css/components')
-rw-r--r-- | assets/css/components/_card-list.scss (renamed from assets/css/components/_post-list.scss) | 30 |
1 files changed, 14 insertions, 16 deletions
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_card-list.scss index 9b124a6..2a2ae69 100644 --- a/assets/css/components/_post-list.scss +++ b/assets/css/components/_card-list.scss | |||
@@ -1,4 +1,4 @@ | |||
1 | @include namespace('post-list') { | 1 | @include namespace('card-list') { |
2 | @include store(( | 2 | @include store(( |
3 | --colors: ( | 3 | --colors: ( |
4 | --cat: ( | 4 | --cat: ( |
@@ -34,28 +34,26 @@ | |||
34 | @include element('category-content') { | 34 | @include element('category-content') { |
35 | margin-top: $line-height * .5rem; | 35 | margin-top: $line-height * .5rem; |
36 | filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); | 36 | filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); |
37 | |||
38 | @include modifier('grid') { | ||
39 | display: grid; | ||
40 | grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr)); | ||
41 | gap: 6px; | ||
42 | |||
43 | @include element('card') { | ||
44 | @include next-twin-element { | ||
45 | margin-top: 0; | ||
46 | } | ||
47 | } | ||
48 | } | ||
37 | } | 49 | } |
38 | 50 | ||
39 | @include element('post') { | 51 | @include element('card') { |
40 | box-shadow: none; | 52 | box-shadow: none; |
41 | 53 | ||
42 | @include next-twin-element { | 54 | @include next-twin-element { |
43 | margin-top: 2px; | 55 | margin-top: 2px; |
44 | } | 56 | } |
45 | } | 57 | } |
46 | |||
47 | @include modifier('grid') { | ||
48 | @include element('category-content') { | ||
49 | display: grid; | ||
50 | grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr)); | ||
51 | gap: $line-height * .5rem; | ||
52 | } | ||
53 | |||
54 | @include element('post') { | ||
55 | @include next-twin-element { | ||
56 | margin-top: 0; | ||
57 | } | ||
58 | } | ||
59 | } | ||
60 | } | 58 | } |
61 | } | 59 | } |