diff options
| author | Eltrac <hi@guhub.cn> | 2025-05-20 12:07:08 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-05-20 12:07:08 +0800 |
| commit | ad1558fe2088d8b7ab1252ed63e9da749133b6ae (patch) | |
| tree | 006ef1bbf071557fa585556ad5b60b3ca46e649b /assets/css/components | |
| parent | e2ab06d6d90ec6a8acfc26a07670868d767cf7c6 (diff) | |
feat: change Related Posts to Now Read This
1. Fewer items (only one), less distraction
2. Show summary
3. Encourage readers to read more with a imperative sentence
Diffstat (limited to 'assets/css/components')
| -rw-r--r-- | assets/css/components/_post.scss | 57 |
1 files changed, 18 insertions, 39 deletions
diff --git a/assets/css/components/_post.scss b/assets/css/components/_post.scss index 4c05841a..05e29e08 100644 --- a/assets/css/components/_post.scss +++ b/assets/css/components/_post.scss @@ -96,48 +96,27 @@ /* related posts */ -.related-posts { - .related-posts-list { - padding-inline-start: 0; - .related-posts-item { - display: flex; - justify-content: space-between; - align-items: center; - .related-post-subtitle { - color: var(--secondary-text-color); - } - .related-post-reading-time { - font-family: var(--mono-font-family); - color: var(--secondary-text-color); - font-size: 0.9rem; - } - } - } -} - -.post-bottom-navigation { - ul { - list-style: none; - padding: 0; +.nrt { + margin-top: 5rem; + position: relative; + .nrt-title { + position: absolute; + z-index: -1; + bottom: 0; + right: 0; + font-size: 2rem; margin: 0; + opacity: .25; + font-style: italic; + } + .nrt-header { display: flex; - gap: 0.5rem; justify-content: space-between; - align-items: center; - li { - &:not(:nth-child(2)) { - width: 37.5%; - } - &:nth-child(3) { - text-align: right; - } - a { - color: var(--secondary-text-color); - text-decoration: none; - &:hover { - color: var(--primary-color); - } - } + .nrt-link { + font-weight: 800; + } + .nrt-reading-time { + color: var(--secondary-text-color) } } } |