fix: hero lockup — Fenja wordmark scale and colour
This commit is contained in:
parent
6cbab5ba36
commit
f6e6fb255d
1 changed files with 13 additions and 11 deletions
|
|
@ -47,21 +47,23 @@ const alignClass = `lockup--${alignment}`;
|
||||||
.lockup--lg .lockup-name { font-size: var(--text-display-md); }
|
.lockup--lg .lockup-name { font-size: var(--text-display-md); }
|
||||||
.lockup--md .lockup-name { font-size: var(--text-headline-lg); }
|
.lockup--md .lockup-name { font-size: var(--text-headline-lg); }
|
||||||
|
|
||||||
/* ── Fenja wordmark ──────────────────────────────────────────────── */
|
/* ── Fenja wordmark — authorship signature, never auxiliary ─────── */
|
||||||
.lockup-wordmark-row {
|
.lockup-wordmark-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Spacing: deliberate gap between headline and signature */
|
||||||
.lockup--hero .lockup-wordmark-row { margin-top: var(--space-5); }
|
.lockup--hero .lockup-wordmark-row { margin-top: var(--space-5); }
|
||||||
.lockup--lg .lockup-wordmark-row { margin-top: var(--space-4); }
|
.lockup--lg .lockup-wordmark-row { margin-top: var(--space-4); }
|
||||||
.lockup--md .lockup-wordmark-row { margin-top: var(--space-3); }
|
.lockup--md .lockup-wordmark-row { margin-top: var(--space-4); }
|
||||||
|
|
||||||
|
/* Sizes: ~1/4 the headline's line height at each scale. Full colour — no opacity. */
|
||||||
.lockup-wordmark {
|
.lockup-wordmark {
|
||||||
opacity: 0.45;
|
|
||||||
display: block;
|
display: block;
|
||||||
|
width: auto;
|
||||||
}
|
}
|
||||||
.lockup--hero .lockup-wordmark { height: 18px; }
|
.lockup--hero .lockup-wordmark { height: 30px; }
|
||||||
.lockup--lg .lockup-wordmark { height: 16px; }
|
.lockup--lg .lockup-wordmark { height: 24px; }
|
||||||
.lockup--md .lockup-wordmark { height: 14px; }
|
.lockup--md .lockup-wordmark { height: 20px; }
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue