Comments (2)
I have been having some fun with postcss
and passing the output to further postcss
plugins in the chaining of stencil. I was wanting to try an attempt to pass the tw classes to be triggered further down the line, but I have seen some funky behaviour with things like cssnano
and @apply
rules - as in cssnano
delete's the @apply
rules and bundles all the rules into a single rule, even though @apply
is different across all the rules.
I'll have a look into this shortly
from stencil-tailwind-plugin.
autoprefixer should now be applied as expected with default configuration.
I have also added the ability to override the complete postcss config if required.
The stencil pipeline is requiring more understanding to try to pass tailwind styles over to it.
from stencil-tailwind-plugin.
Related Issues (20)
- No styles generated when referencing functional components in another functional component HOT 2
- Error: Cannot find module 'typescript' Require stack: - HOT 4
- Adding TW utilities classes to the component `<Host>` on JSX is not applying the classes as expected HOT 9
- Plain HTML files are not supported HOT 2
- Sass/Scss support
- Cannot read properties of null (reading 'flags') HOT 6
- dynamic class not working HOT 2
- Inline tailwind classes do not work if you have a Prop with default values HOT 2
- Tailwind classes not refreshing while running DEV server with --watch HOT 11
- Getting 'No utility classes were detected in your source files' warning. HOT 25
- No css files support HOT 2
- defaultExtractor error after update HOT 2
- Allow user configuration of the Tailwind configuration rather than a single object for all files HOT 2
- Is there a way to prevent duplicate body style? HOT 4
- @apply styles do not work until a full page reload HOT 6
- Missing classes with Stencil Hydrate HOT 10
- Missing keyframe declaration HOT 9
- CSS file check is too broad HOT 1
- wrong order of inline <style> breaks tailwind breakpoints HOT 1
- Unable to get postcss plugins working HOT 4
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 stencil-tailwind-plugin.