Style full-width article reader pages (#24)
## Summary - add banner and article-reader styling for news and blog pages - let article pages use the shared content rail without a private width cap - give the article body a post-like ledger surface without ruling seams - present Older/Newer navigation as large directional links at opposite page edges ## Verification - all six `node tests/*.test.js` contract scripts - NodeBB `make dev-build` asset compilation Generated with Claude Code Reviewed-on: #24 Co-authored-by: vickydotbat <vickydotbat@tutamail.com> Co-committed-by: vickydotbat <vickydotbat@tutamail.com>
This commit was merged in pull request #24.
This commit is contained in:
@@ -251,13 +251,18 @@ li[component="category/topic"] .user-icon {
|
||||
}
|
||||
}
|
||||
|
||||
// shared velvet gradient: groups/profile default covers + sow banner fallback
|
||||
@mixin wg-velvet-cover {
|
||||
background-image:
|
||||
radial-gradient(120% 90% at 18% 0%, rgba(58, 24, 48, 0.6), transparent 60%),
|
||||
linear-gradient(100deg, #2a1222, #110f15 55%, #09080b) !important;
|
||||
}
|
||||
|
||||
// replace core's grey-triangle default cover with the velvet material
|
||||
// (.cover on profiles, .list-cover on the groups list)
|
||||
.cover[style*="cover-default.png"],
|
||||
.list-cover[style*="cover-default.png"] {
|
||||
background-image:
|
||||
radial-gradient(120% 90% at 18% 0%, rgba(58, 24, 48, 0.6), transparent 60%),
|
||||
linear-gradient(100deg, #2a1222, #110f15 55%, #09080b) !important;
|
||||
@include wg-velvet-cover;
|
||||
}
|
||||
|
||||
.account,
|
||||
|
||||
Reference in New Issue
Block a user