diff options
| author | Volpeon <git@volpeon.ink> | 2021-11-11 09:14:38 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-11-11 09:14:38 +0100 |
| commit | 19d3eb0bdfe505715d3b9f62a3cf8d340291a144 (patch) | |
| tree | c5fc53d5d7f211e774e43e3ec217bd0335b56ed4 /assets/css/components | |
| parent | Make footer sticky again, fix blobfox and bunhd URLs (diff) | |
| download | volpeon.ink-19d3eb0bdfe505715d3b9f62a3cf8d340291a144.tar.gz volpeon.ink-19d3eb0bdfe505715d3b9f62a3cf8d340291a144.tar.bz2 volpeon.ink-19d3eb0bdfe505715d3b9f62a3cf8d340291a144.zip | |
Show profiles on home page again; general updates
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 | } |
