vincent/gerbeur
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v3: tracked down many visual inconsistencies, added two new themes
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 43s
Details

Browse Source
This commit is contained in:
khannurien
2026-06-27 14:28:33 +00:00
parent 01940e14be
commit 96c41f01da
11 changed files with 1299 additions and 359 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/themes/brutalist.css
View File

@@ -137,7 +137,8 @@
/* ── Typography ──────────────────────────────────────────────────── */
[data-style="brutalist"] {
font-family: "Space Grotesk", "Saira", sans-serif;
--font-body: "Space Grotesk", "Saira", sans-serif;
font-family: var(--font-body);
font-weight: 500;
}
@@ -347,11 +348,19 @@
box-shadow: 3px 3px 0 var(--color-border);
}
/* Neutralise provider brand border-colors so they don't fight the hard shadow */
[data-style="brutalist"] .rich-content-card--youtube,
[data-style="brutalist"] .rich-content-card--bandcamp,
/* Carry the provider brand colour through both the border and the hard
offset shadow, so the brand reads instead of being flattened to grey. */
[data-style="brutalist"] .rich-content-card--youtube {
border-color: var(--color-youtube);
box-shadow: 3px 3px 0 var(--color-youtube);
}
[data-style="brutalist"] .rich-content-card--bandcamp {
border-color: var(--color-bandcamp);
box-shadow: 3px 3px 0 var(--color-bandcamp);
}
[data-style="brutalist"] .rich-content-card--soundcloud {
border-color: var(--color-border);
border-color: var(--color-soundcloud);
box-shadow: 3px 3px 0 var(--color-soundcloud);
}
[data-style="brutalist"]
@@ -470,16 +479,12 @@
}
/* ── btn-border ──────────────────────────────────────────────────── */
[data-style="brutalist"] .btn-border,
[data-style="brutalist"] .btn-border-danger,
[data-style="brutalist"] .btn-border-success {
[data-style="brutalist"] .btn-border {
border-radius: 0;
box-shadow: 2px 2px 0 var(--color-border);
}
[data-style="brutalist"] .btn-border:hover,
[data-style="brutalist"] .btn-border-danger:hover,
[data-style="brutalist"] .btn-border-success:hover {
[data-style="brutalist"] .btn-border:hover {
box-shadow: none;
transform: translate(2px, 2px);
}