Comments (2)
I see your point, but what if your semantic tokens now uses a condition (CSS selector/at-rule) ?
I don't think this optimization should be baked-in Panda as it creates inconsistent behaviour and doesn't seem future-proof (adding a condition to your semantic token means you'd have to use a different CSS var, maybe referenced somewhere outside of Panda like in a CSS file, so it would not type-safe and would not be caught)
instead, this seems like a good opportunity to make a user-land PostCSS plugin that does that
I'm wouldnt be surprised if this already exists, if not it shouldnt be too hard to make (you can ask gpt to help, it knows postcss pretty well)
from panda.
Not sure I follow the logic with the at-rule. Like, the variables just reference values, they can be used anywhere (in an at-rule or otherwise)?
Actually, I thourht this would be the default behavior of panda, and main benefit of referencing global tokens: semantic tokens would all reference the same value (not that they would make their own reference, to the same reference of the value).
But as you say, should be easy to handle that with a plugin. I'll see if I can figure out how to that.
from panda.
Related Issues (20)
- Use recipe.raw within a style object / css function to generate styles
- "Conditional" is not exported by "src/styled-system/types/conditions.d.ts", imported by "src/styled-system/types/prop-type.d.ts". HOT 1
- Wrong callout for `Border Width` section HOT 1
- `jsxFramework: "preact"` includes unused `mergeCss` import HOT 1
- `backdropFilter` token generated by lightningcss is invalid
- Animation name autocompletion not working with custom keyframes
- 0.38.0 css runtime function missing `SystemStyleObject[]` for the css prop
- Issue with Panda CSS Generating Extra Tokens
- Add turbopack support on NextJS App
- Type error when merging imported styles HOT 2
- Explanation of "Targeting slots" has incorrect description.
- Panda config `jsxFactory` cause error HOT 1
- Feature: Have the ability to change the order of statically-generated styles
- "panda init -p" fails with "Missing script: "panda"" on fresh npx create-next-app HOT 1
- "pnpm panda init --postcss" fails with "Could not resolve "@pandacss/dev""
- Perf regression on v0.38.0 for HMR on Storybook + Vite
- Improve gradient documentation (bgGradient, gradientViaPosition...)
- Due to Safari 14 not supporting @layer, the application styles fail. HOT 2
- Why can't I use color in textStyles? Actually it has the wrong type
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from panda.