diff options
| author | Elias Haugsbakk <[email protected]> | 2026-07-01 21:18:58 +0200 |
|---|---|---|
| committer | Elias Haugsbakk <[email protected]> | 2026-07-02 00:11:30 +0200 |
| commit | 19c9cb227b343377853321e2cdc4285b2ea23e3a (patch) | |
| tree | 697b1784c0e50b7d84a0ef8dcf2cfbba8e4357bc /clams-server/src/main/resources/public/css/blog.css | |
| parent | 5b1e3672a1e6d9f7b54ed4267e8715f5dc3bb55a (diff) | |
implement blog index page with featured and all posts
Diffstat (limited to 'clams-server/src/main/resources/public/css/blog.css')
| -rw-r--r-- | clams-server/src/main/resources/public/css/blog.css | 50 |
1 files changed, 43 insertions, 7 deletions
diff --git a/clams-server/src/main/resources/public/css/blog.css b/clams-server/src/main/resources/public/css/blog.css index 86eb0ed..c0fd080 100644 --- a/clams-server/src/main/resources/public/css/blog.css +++ b/clams-server/src/main/resources/public/css/blog.css @@ -1,10 +1,10 @@ -/* blog.css - page specific styles */ - .intro-text { - margin-bottom: 60px; + text-align: center; + max-width: 600px; + margin: 0 auto 60px auto; } -section { +.blog-section { margin-bottom: 60px; } @@ -52,7 +52,43 @@ section { } } -/* Specific spacing for blog lists */ -.content-grid li { - margin-bottom: 0.8rem; +.year-accordion { + margin-bottom: 1.5rem; + cursor: pointer; +} + +.year-toggle { + font-size: 1.25rem; + font-weight: bold; + list-style: none; + margin-bottom: 0.5rem; +} + +.year-toggle::-webkit-details-marker { + display: none; +} + +.year-toggle:hover { + opacity: 0.7; +} + +.post-list { + margin-top: 10px; + padding-left: 20px; + border-left: 2px solid var(--border-color); +} + +.post-list li { + margin-bottom: 0.65rem; +} + +.post-list a { + font-size: 0.9rem; + font-weight: normal; +} + +.featured-desc { + font-weight: normal; + color: var(--text-color); + opacity: 0.85; } |