Comments (7)
now that :global
can be specified, it's still not good enough to work with NextJS CSS Modules. might need to devise a strategy that builds to a separate file that's imported globally. then the jit-props plugin can see the usages and populate a file and fill :root
with definitions, allowing a nextjs site to load those props as a file and avoid creating impure selectors.
from postcss-jit-props.
https://stackblitz.com/edit/nextjs-openprops?file=styles%2Fglobals.css
from postcss-jit-props.
@argyleink did give up on this adventure or is there a solution?
from postcss-jit-props.
i've given up jit-props integration with next yeah, it's a micro-optimization that can easily be ignored for larger fish to fry.
from postcss-jit-props.
i've given up jit-props integration with next yeah, it's a micro-optimization that can easily be ignored for larger fish to fry.
If you are not using jit
, what are you using then?
from postcss-jit-props.
loading the props into :global
and not worrying about shaking or pruning unused props.
if you are worried, you can do individual imports to reduce filesize, aka pick each prop set you need. not loading all the colors is a great place to start, just import the palettes you intend to use.
from postcss-jit-props.
loading the props into
:global
and not worrying about shaking or pruning unused props.if you are worried, you can do individual imports to reduce filesize, aka pick each prop set you need. not loading all the colors is a great place to start, just import the palettes you intend to use.
I wonder, how is your setup?
from postcss-jit-props.
Related Issues (20)
- Props discovered, that contain adaptive props, dont have their dark values resolved HOT 5
- Need a syntax (like `-@`) so jit-props can inject light/dark adaptive props
- html inline style attributes corrupted HOT 4
- Using with lit and astro HOT 5
- Optimization
- Feature request: Support file-globbing HOT 1
- Bug: Nested properties are purged if the first prop is not defined HOT 1
- Bug: "does not pass the 'from' option to 'postcss.parse'" HOT 4
- Modifying props during development doesn't update page HOT 3
- Allow passing a file to the plugin, as the destination for injected props HOT 1
- Watch provided `files` for changes HOT 1
- Adaptive keyframes not working HOT 1
- Error when using Astro HOT 2
- Changelog file seems unused
- What is the license of this package?
- Compatibility issues with Astro HOT 2
- Breaks when the source file only contains @at rules. HOT 1
- Includes all variables when passed in from file HOT 5
- Should work with a client side switch HOT 3
- Breaks local fonts folder being visible in the browser Sources folder tree HOT 3
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 postcss-jit-props.