GameCult/gamecult-site
Watch
9
0
Fork
You've already forked gamecult-site
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Sidebars-lists (narrowed): blog index posts and folder-listing rows become ruled rows; post hover is a title colour

Browse source 
Blog intro and post cards lose border, radius, fill, shadow and the hover
fill; each post and each listing row carries border-top var(--gamecult-rule).
TOC, backlinks and the overview sidebar are left for their own removal cut
(ruling operator-chromeless-column).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Meta Vens 2026-10-02 18:52:23 +02:00
commit fb7e4594c2
2 changed files with 13 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/brand-design-language.md
View file

@ -105,6 +105,10 @@ Grouping is whitespace, type hierarchy and one hairline, `--gamecult-rule`
the top edge of a section or row (`.gamecult-feature-card`, `.swarm-domain-card`)
and named by the mono uppercase tracked label (`.gamecult-kicker`). An aside such
as `.gamecult-evidence-note` is a left rule with no fill.
List rows separate by the same top rule: each post on the blog index
(`.gamecult-blog-card`) and each folder-listing row (`.page-listing .section-li >
.section`) carries it, and a post's hover turns its title `--secondary` instead
of filling the row.
## Ritual Paper — a scoped variant

42
site/quartz/styles/custom.scss
View file

@ -797,20 +797,8 @@ body[data-slug="Blog/witness-authoritative-networking"] {
gap: 1rem;
}
.gamecult-blog-index-intro,
.gamecult-blog-card {
border: 1px solid rgba(89, 183, 255, 0.09);
border-radius: 24px;
background:
linear-gradient(180deg, rgba(10, 16, 24, 0.98), rgba(8, 14, 22, 0.96)),
linear-gradient(180deg, rgba(89, 183, 255, 0.02), rgba(255, 138, 42, 0.02));
box-shadow:
0 24px 52px rgba(0, 0, 0, 0.22),
inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.gamecult-blog-index-intro {
padding: 1.25rem 1.5rem 1.35rem;
padding: 0 0 0.4rem;
}
.gamecult-blog-index-intro p {
@ -822,27 +810,21 @@ body[data-slug="Blog/witness-authoritative-networking"] {
.gamecult-blog-card-list {
display: grid;
gap: 1rem;
gap: 0;
}
.gamecult-blog-card {
overflow: clip;
border-top: 1px solid var(--gamecult-rule);
}
.gamecult-blog-card-link {
display: block;
padding: 1.2rem 1.45rem 1.3rem;
padding: 1.2rem 0 1.3rem;
color: inherit;
}
.gamecult-blog-card-link:hover {
background:
radial-gradient(
circle at 88% 18%,
rgba(255, 138, 42, 0.1),
transparent 22%
),
linear-gradient(180deg, rgba(12, 20, 31, 0.98), rgba(8, 14, 22, 0.96));
.gamecult-blog-card-link:hover h2 {
color: var(--secondary);
}
.gamecult-blog-card-head {
@ -1317,21 +1299,15 @@ body[data-slug="Blog/the-sleeping-colossus-refuses-the-throne"] {
}
.page-listing .section-li {
margin-bottom: 0.8rem;
margin-bottom: 0;
}
.page-listing .section-li > .section {
display: grid;
grid-template-columns: fit-content(8em) 1fr;
gap: 0.9rem;
padding: 0.9rem 1rem;
border-radius: 16px;
border: 1px solid rgba(89, 183, 255, 0.08);
background: linear-gradient(
180deg,
rgba(14, 21, 32, 0.92),
rgba(10, 16, 25, 0.9)
);
padding: 0.9rem 0;
border-top: 1px solid var(--gamecult-rule);
}
.page-listing .section-li .desc h3 a {