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 | } |
