search

davesnx / styled-ppx

Type-safe styled components for ReScript, Melange and native with type-safe CSS
https://styled-ppx.vercel.app
BSD 2-Clause "Simplified" License
401 stars 32 forks source link

Support define CSS variables and use CSS variables #492

Closed davesnx closed 3 months ago

davesnx commented 3 months ago

Support define CSS variables:

[%styled.global {|
  :root {
    --la-variable: 10px;
  }
|}]
let className = [%cx {|
  margin: var(--la-variable);
|}]
vercel[bot] commented 3 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment | Name | Status | Preview | Comments | Updated (UTC) | | :--- | :----- | :------ | :------- | :------ | | **styled-ppx** | ⬜️ Ignored ([Inspect](https://vercel.com/david-sanchos-projects-8c534635/styled-ppx/FjYrs3RxJRf44hqtptev46tYqi4P)) | [Visit Preview](https://styled-ppx-git-support-c-0f1138-david-sanchos-projects-8c534635.vercel.app) | | Jul 10, 2024 2:48pm |
github-actions[bot] commented 3 months ago

New nightly version has been published to the NPM registry: @davesnx/styled-ppx@0.56.1-1714ad6.0. Install it with npm install @davesnx/styled-ppx@nightly or npm install @davesnx/styled-ppx@0.56.1-1714ad6.0.