Smooth the page's text in the foundation, not per surface
The showcase and the error pages set grayscale font smoothing on themselves, but the foundation did not, so an application that dropped Tailwind's antialiased class rendered heavier text on macOS than the package's own pages, silently. base.css now sets it on the page; the showcase's and error page's copies go, and the guard tells a leftover antialiased class to go too. Decided with the user (plan step 46). Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5
parent
6614b32fd3
commit
f5f040516e
@@ -28,11 +28,6 @@
|
||||
@layer material.reset, material.tokens, material.base, material.layout, material.components, material.text, material.visibility;
|
||||
|
||||
@layer material.components {
|
||||
[data-md-showcase] {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* The rail's wordmark: `md-type-title-lg md-truncate md-focus-ring` cover the type, the
|
||||
ellipsis and the ring; `display: block` gives the truncated text a width to ellipsize
|
||||
within, and the corner rounds the ring to match the state layer every other rail control
|
||||
|
||||
Reference in New Issue
Block a user