Comments (2)
strange, i've used this plugin multiple times with astro. this plugin only runs if postcss runs. not quite sure this plugin is the issue. are there errors that point you towards it that can provide some context?
sidenote:
you'll need an extra plugin to get custom properties inside media queries tho. maybe the error is the way you're hoping to swap props? here's the plugin you'll need to do what you're showing https://github.com/csstools/postcss-custom-media. i'm pretty sure that plugin is required because postcss doesnt otherwise understand the use of props in MQs.
from postcss-jit-props.
Nvm. the problem was somewhere else. But found it in the examples..
I was trying to do:
'--xl': '(min-width: 1200px)'
Instead of;
'--xl': '@custom-media --xl (min-width: 1200px);'
But still quite confusing that the error then shows that the fence is the problem.
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?
- 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.