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