Andreas Reinhold / reiniandClaude Sonnet 5
3d9e494e22
Check (iii) flagged two shapes the package's own stylesheets (and their stylesheet tests) already treat as fine: `linear`, M3's own easing for continuous motion (an indeterminate progress indicator's rotation), and a box-shadow that is only an inset or outline-style ring — `[inset] 0 0 0 <n>px` in a `var(--md-sys-color-*)` role, or one `color-mix()`-dimmed for a disabled ring — the shape a focused field's edge or a day's "current" outline draws. A blurred shadow or one with a literal colour is still reported. Plan step 42 (Phase F), Part B. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9
22 lines
585 B
CSS
22 lines
585 B
CSS
/* A ring in a colour role (a focused field's edge, a day's "current" outline), and the two shapes
|
|
check (iii) still reports: a blurred shadow, and one with a literal colour. */
|
|
.ring-outline {
|
|
box-shadow: inset 0 0 0 1px var(--md-sys-color-outline);
|
|
}
|
|
|
|
.ring-secondary {
|
|
box-shadow: 0 0 0 3px var(--md-sys-color-secondary);
|
|
}
|
|
|
|
.ring-disabled {
|
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
|
|
}
|
|
|
|
.literal-shadow {
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.blurred-ring {
|
|
box-shadow: inset 0 0 4px 1px #000;
|
|
}
|