jamessessford/tailwindcss-ripple

Ripple effect (materialize) for Tailwindcss

tailwindcss-ripple's Issues

Custom Colors Not Working?

My custom colors are not being included with the Ripple. Am I missing something?
Also will it work with var colors?

module.exports = {
    theme: {
        extend: {
            colors: {
                'brand1': 'var(--brand1)',
                'brand2': 'var(--brand2)',
                'dodgerblue': 'dodgerblue',
            },
        },
        container: {
            center: true,
            padding: '1rem',
        },
        ripple: theme => ({
            colors: theme('colors')
        }),
    },
    variants: {
        borderWidth: ['responsive', 'hover', 'focus'],
        textColor: ['hover', 'active', 'group-hover', 'group-active'],
        boxShadow: ['hover', 'focus', 'active', 'group-hover', 'group-active'],
    },
    plugins: [
        require('@tailwindcss/ui'),
        require('tailwindcss-ripple')(),
    ]
}

Enable customisable parameters

Hey, nice plugin.
Thanks for doing the Tailwind integration.

Is it possible to add customisable parameters?
For example, I find the darken(0.2) a bit too dark.

Thanks.

Is it possible to use tailwindcss-ripple with daisyui?

no transition on hover

Hi, this is an amazing library thanks.
just have some problem to find how do I disable duration time when i hover the button.

same as in martial UI when I hover a button the color chang instantly with no delay to the hover color
and when i click i get the nice ripple effect

i tried to change modifierTransition to none or zero but this disabled the ripple as well.

Request: Working project example

Hello, Thank you for this plugin. I couldn't get this working in my project. I would appreciate a working example to compare. Thank you.

Works well also in tailwindcss v3

In case you didnt know, this plugin works quite well in tailwindcss v3. Didnt fully test all features but most basic works really good, actually, no bugs at all encountered. Afaik probably the best ripple animation plugin.

Doesn't work with bg-black

It tries to darken black, which is already very dark, so it isn't visible

Would be great if there is negative darken values or lighten values?

Smoother/slower transition?

Is there a way to slower/smoothen the speed of the effect? I find it a bit too fast