benface / tailwindcss-filters Goto Github PK

The plugin works great, thank you.

Wondering how to make it work with hover:filter-none. I believe it would need extra CSS classes in this plugin.

Is this possible today?

Hello!

I wanted to ask if tailwindcss-filters is compatible with the latest version of tailwind (2.0)? I don't see any version above 1.2 referenced in the documentation.

Thank you!

Nice plugin @benface - quick question. if you wanted to apply multiple filters, it doesn't seem possible to do this using multiple classes (i.e fliter-greyscale filter-contrast).
Instead would the recommended way be something like this?
greyscale-contrast': 'grayscale(100%) contrast(3)',

Hi @benface!

Thanks for providing us with this tailwindcss plugin!

I was wondering if you would be interested to implement the possibility to provide the plugin config as a function so it can depend on other parts of the theme (just like we do by default with backgroundColor, textColor & borderColor).

My use-case would be to use the colors from my theme so I can create a filter that would be an overlay of a certain color with the help of the hex-to-css-filter package and add it as following in the plugin section of my config file:

// tailwind.config.js

const hexToCSSFilter = require('hex-to-css-filter');

module.exports = {
  theme: {
    colors: {
      facebook: '#3B5998',
    },
  },
  plugins: [
    require('tailwindcss-filters')(theme => ({
      filters: {
        none: 'none',
        facebook: hexToCSSFilter(theme('colors.facebook')),
      },
    })),
  ],
};

Have/will this feature be added to the plugin as well?

The plugin now requires an unknown plugin of tailwindcss-plugin.

Beta 2.0.0 Edition that doesn't feature that dependency works fine.

I couldn't find where in the ReadMe it said about the 'plugin' plugin?