css-vars-hook
css-vars-hook copied to clipboard
morewings
css-vars-hook contains React hooks to set and manipulate CSS custom properties from the component.
This issue lists Renovate updates and detected dependencies. Read the [Dependency Dashboard](https://docs.renovatebot.com/key-concepts/dashboard/) docs to learn more. ## Awaiting Schedule These updates are awaiting their schedule. Click on a checkbox to...
![renovate[bot] avatar](https://avatars.githubusercontent.com/in/2740?v=4 "renovate[bot] avatar"){kind=avatar}
**Scope** is a CSS Class which creates visibility for certain set of variables same as `{}` in js.
Extract to external component to have proper displayName https://github.com/morewings/css-vars-hook/blob/62c91e54b2654be1bfae8e431b926cecd0606432/src/lib/LocalTheme/useLocalTheme.tsx#L44
`useLocalTheme({case, ref})` `` 1. External ref 2. Different variable naming
https://css-tricks.com/logical-operations-with-css-variables/ https://stackoverflow.com/questions/63459791/why-do-these-css-variables-not-work-when-passed-into-calc
Use function which returns react ref. https://github.com/morewings/css-vars-hook/blob/c21f923bdb1f536ae7a80ad0d8bd8eb6f04a3336/src/lib/useTheme.js#L23