-
jina Custom props will only inherit the value of that custom property, at the point inherit is declared. It will not re-calculate when applied: html { --color: red; color: green; } body { --color: inherit; color: blue; } main { color: var(--color); } ^ redOn twitter.com
❤️ 5 Favorites Mood 0
-
jina (since custom props inherit by default, this is only really useful as a way to unset another value.)Permalink On twitter.com
-
jina the variable carries the value of its calculated inheritance, not the keyword "inherit" same is true with things like calc() inside custom props - the computed value inherits, rather than the function being re-calculated for a new contextPermalink On twitter.com