diff options
| author | muqiuhan <[email protected]> | 2023-02-28 09:58:51 +0000 |
|---|---|---|
| committer | muqiuhan <[email protected]> | 2023-02-28 09:58:51 +0000 |
| commit | 7e2f3fca091c08771486df0b870ce187f869d363 (patch) | |
| tree | 025e1b18a0d94c940a85eb631a7f48951efbc18d /css/partials/post_list.css | |
| parent | 2605fd54aa163fcfc97fc265a300b1b54bf38543 (diff) | |
| download | blog-7e2f3fca091c08771486df0b870ce187f869d363.tar.gz | |
deploy: b780169745c17f9fc971299e923e5ca5669b5a22
Diffstat (limited to 'css/partials/post_list.css')
| -rw-r--r-- | css/partials/post_list.css | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/css/partials/post_list.css b/css/partials/post_list.css new file mode 100644 index 00000000..b4771102 --- /dev/null +++ b/css/partials/post_list.css @@ -0,0 +1,34 @@ +.year-title { + margin-top: $margin-primary; + margin-bottom: $margin-m-1; +} +.post-list-item { + display: flex; + flex-wrap: nowrap; + margin-top: $margin-m-1; + align-items: top; +} +.post-list-item .post-title { + flex-grow: 1; + font-variation-settings: 'wght' $font-weight-medium; +} +.post-list-item .post-date { + margin-left: $margin-l-0; + min-width: 8rem; + text-align: right; + line-height: $line-height-body; + color: $color-text-secondary; +} +@media (max-width: 480px) { + .post-list-item { + flex-wrap: wrap; + } + .post-list-item .post-title { + width: 100%; + } + .post-list-item .post-date { + margin-left: 0; + width: 100%; + text-align: left; + } +} |