diff options
| author | Eltrac <hi@guhub.cn> | 2025-07-15 23:43:03 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-07-15 23:43:03 +0800 |
| commit | 0e33d37829e92c98a50280e65fd6094e58e780af (patch) | |
| tree | 3a6d69224046d25471ead54acf43579c2b442786 /assets/css/components | |
| parent | 51a80e52d7af47eca04bfe84e8ba495c2b87d174 (diff) | |
refactor: UnoCSS-ify post pages, endnotes and NRT
Former-commit-id: ead971bb10ead43f491c317649c60060a460f399
Diffstat (limited to 'assets/css/components')
| -rw-r--r-- | assets/css/components/_post.scss | 98 |
1 files changed, 0 insertions, 98 deletions
diff --git a/assets/css/components/_post.scss b/assets/css/components/_post.scss index 10c7900d..4ffe742c 100644 --- a/assets/css/components/_post.scss +++ b/assets/css/components/_post.scss @@ -1,102 +1,4 @@ -/* post */ - -.post-header { - margin-bottom: 2rem; - - .post-title { - font-size: 2rem; - font-weight: 900; - filter: url(#x); - } - - .post-subtitle { - display: block; - color: var(--secondary-text-color); - font-style: italic; - font-size: 1.2rem; - } -} - -.post-meta { - display: flex; - flex-wrap: wrap; - gap: 0.5rem; - align-items: center; - - .post-date, .tag { - color: var(--secondary-text-color) - } - - .post-category { - @include postCategoryPill; - } -} - -.page-content { - min-height: 60%; -} - -.post-content { - margin-bottom: 50px; - line-height: 2 -} - -/* related posts */ - -.nrt { - margin-top: 2rem; - padding-bottom: 2rem; /* in case nrt-title overlaps */ - 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; - justify-content: space-between; - .nrt-link { - font-weight: 800; - } - .nrt-reading-time { - color: var(--secondary-text-color) - } - } - .nrt-subtitle { - color: var(--secondary-text-color); - font-weight: normal; - } - .nrt-summary { - font-weight: light - } -} - -/* endnotes */ - -#post-endnotes { - color: var(--secondary-text-color); - font-size: 1rem; - h3 { - font-size: 1rem; - width: fit-content; - margin: 0; - } - ul { - li { - list-style-type: '→'; - padding-left: 1rem; - &::marker { - color: var(--secondary-text-color); - } - } - } -} /* gallery shortcode */ |
