style: resolve design-detector findings in _posts.scss

- Blockquotes: replace the 3px gold side-stripe and warm-brown fill
  with a full 1px gilt border and plum tint, per the Gilt Edge Rule
- Snap pagination shadow alpha to the documented velvet-hover value
  and unify the vote glyph size at 0.95rem
- Document the already-shipped code-syntax and vote-state colors and
  the small type steps (0.95/0.82/0.78rem) in DESIGN.md + sidecar
This commit is contained in:
2026-07-19 10:18:41 +02:00
parent b2116f7037
commit 376caf40e2
3 changed files with 228 additions and 23 deletions
+5 -4
View File
@@ -225,8 +225,9 @@ li[component="post"] .content pre code.hljs,
}
li[component="post"] .content blockquote {
background: rgba(35, 27, 23, 0.36);
border-left: 3px solid rgba(194, 163, 90, 0.4);
background: rgba(42, 18, 34, 0.4);
border: 1px solid rgba(194, 163, 90, 0.14);
border-radius: 6px;
padding: 0.75rem 1rem;
}
@@ -291,7 +292,7 @@ li[component="post"] [component="post/downvote"] {
i.fa-chevron-down {
// Font Awesome 7: fa-heart-crack (fa-heart-broken alias)
--fa: "\f7a9";
font-size: 0.92rem;
font-size: 0.95rem;
color: rgba(194, 163, 90, 0.82);
}
@@ -339,7 +340,7 @@ li[component="post"] [component="post/downvote"] {
rgba(18, 15, 22, 0.96) !important;
background-size: 100% var(--wg-ledger-line), auto;
border-color: var(--wg-ledger-border) !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32) !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3) !important;
color: var(--wg-ledger-ink) !important;
font-family: var(--wg-font-ui);
}