test(ui): a component with no stylesheet reads the theme's :root variables

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Orkun ÇAKILKAYA 2026-09-24 22:07:05 +03:00
parent 077b38e684
commit ae61e99e06
10 changed files with 36 additions and 1 deletions

View file

@ -423,7 +423,8 @@ applies to both:
A library's components keep the styles of the file they were written in.
- **More CSS.**
- Custom properties: `--accent: #fc0` on any element or `:root`, read with `var(--accent)` or
`var(--accent, gold)`, and inherited by what is inside.
`var(--accent, gold)`, and inherited by what is inside - a component with no stylesheet of its
own included, which reads a theme's `:root` variables from the screen it is used in.
- `position: relative|absolute|fixed` with `top`, `right`, `bottom`, `left` and `inset`, and
`z-index`. An absolute element sits in its parent's box, a fixed one in the screen's, and
neither takes room in the flow.