Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Suggestion for future people: Tailwind --postcss flag #19

Open
34638a opened this issue Oct 15, 2024 · 0 comments
Open

Suggestion for future people: Tailwind --postcss flag #19

34638a opened this issue Oct 15, 2024 · 0 comments

Comments

@34638a
Copy link

34638a commented Oct 15, 2024

Hey Yo,

Just a quick feature change suggestion to enable opacity flags in tailwind:
Change your tailwind watcher to npx tailwindcss -i assets/scss/tailwind.css -o assets/scss/tailwind.scss --watch --postcss

Create a postcss.config.js with content of:

module.exports = {
    plugins: {
        'postcss-import': {},
        tailwindcss: {},
        autoprefixer: {},
        'postcss-preset-env': {
            browsers: 'chrome >= 50', // configure a compatible browser version
        },
    },
}

These should be all the changes we made in terms of config for compiling to modify a store bought theme to enable tailwind with opacity. (you will need the plugins for postcss to be installed with npm still).
https://github.com/dmarchena/postcss-color-rgb

Hope this helps with the frustrations that are opacity. Thanks for making this repo open, it really helped us kickstart our tweaking.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant