diff options
Diffstat (limited to 'assets/css/components/_post-list.scss')
-rw-r--r-- | assets/css/components/_post-list.scss | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss index 7a3b8a0..5126589 100644 --- a/assets/css/components/_post-list.scss +++ b/assets/css/components/_post-list.scss | |||
@@ -7,6 +7,9 @@ | |||
7 | --meta: ( | 7 | --meta: ( |
8 | --fg: prop(--colors --fg-hi, $global: true), | 8 | --fg: prop(--colors --fg-hi, $global: true), |
9 | ) | 9 | ) |
10 | ), | ||
11 | --dims: ( | ||
12 | --col-width: 17em | ||
10 | ) | 13 | ) |
11 | )); | 14 | )); |
12 | 15 | ||
@@ -39,5 +42,19 @@ | |||
39 | margin-top: 1px; | 42 | margin-top: 1px; |
40 | } | 43 | } |
41 | } | 44 | } |
45 | |||
46 | @include modifier('grid') { | ||
47 | @include element('category-content') { | ||
48 | display: grid; | ||
49 | grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr)); | ||
50 | gap: $line-height * .5rem; | ||
51 | } | ||
52 | |||
53 | @include element('post') { | ||
54 | @include next-twin-element { | ||
55 | margin-top: 0; | ||
56 | } | ||
57 | } | ||
58 | } | ||
42 | } | 59 | } |
43 | } | 60 | } |