revert: typography phase-1 — back out body smoothing block + hero serif tightening
Reverts the two typography-aesthetic edits fromf1ecfe3: - src/styles/tailwind.css body rule: restore the 'smoothing intentionally NOT overridden' state (drops -webkit-font-smoothing antialiased, -moz-osx-font-smoothing grayscale, text-rendering optimizeLegibility, font-feature-settings, letter-spacing -0.005em). - src/components/FeaturedBentoFromDb.tsx:115 cinematic hero headline: restore text-2xl md:text-4xl lg:text-5xl leading-tight (drops text-[40px]/[48px]/[56px], leading-[1.05], tracking-[-0.02em], font-bold). Intentionally kept fromf1ecfe3: - NewsArticleDetailClient.tsx + ArticleDetailClient.tsx H1 navy fix (#0F172A) — readability bug, not typography aesthetic. - ArticleFeed.tsx Topics chip row removal — separate UI direction.
This commit is contained in:
@@ -112,7 +112,7 @@ export default async function FeaturedBento() {
|
|||||||
{hero.category}
|
{hero.category}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<h3 className="font-serif text-[40px] md:text-[48px] lg:text-[56px] text-white leading-[1.05] tracking-[-0.02em] font-bold max-w-3xl group-hover:text-[var(--color-text-info,#60a5fa)] transition-colors">
|
<h3 className="font-serif text-2xl md:text-4xl lg:text-5xl text-white leading-tight max-w-3xl group-hover:text-[var(--color-text-info,#60a5fa)] transition-colors">
|
||||||
{hero.title}
|
{hero.title}
|
||||||
</h3>
|
</h3>
|
||||||
{hero.excerpt && (
|
{hero.excerpt && (
|
||||||
|
|||||||
@@ -56,11 +56,10 @@ body {
|
|||||||
font-family: var(--font-body);
|
font-family: var(--font-body);
|
||||||
background-color: var(--color-bg);
|
background-color: var(--color-bg);
|
||||||
color: var(--color-foreground);
|
color: var(--color-foreground);
|
||||||
-webkit-font-smoothing: antialiased;
|
/* Smoothing intentionally NOT overridden — `antialiased`/`grayscale` was
|
||||||
-moz-osx-font-smoothing: grayscale;
|
correct for the old dark theme but renders thinner/harsher on the new
|
||||||
text-rendering: optimizeLegibility;
|
light theme. Default OS smoothing (subpixel on Windows/older macOS,
|
||||||
font-feature-settings: 'kern', 'liga';
|
`auto` elsewhere) gives Inter + Lora their intended weight. */
|
||||||
letter-spacing: -0.005em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* =====================
|
/* =====================
|
||||||
|
|||||||
Reference in New Issue
Block a user