batistein / tailwindcss-border-gradient-radius Goto Github PK

I'm getting an odd low opacity edge on some of my colored border gradients but it doesn't happen with everything

Red-blue works fine but rainbow has the black edge

    'red-blue': ['#f00', '#00f'],
    'rainbow': ['#51E650, #F9D600, #F08E0A , #EC5157 , #FF18BD , #1A4BFF , #62D8F9']

This does not work:

linearBorderGradients: {
    ...
    border: {
        '3': '3px',
    },
},

But if I change border to borders, then gradient-border-3 works (I still have issues with: border-3)

linearBorderGradients: {
    ...
    borders: {
        '3': '3px',
    },
},

I have the following class applied to a button:

border-gradient-r-amber-pink-cyan-white 
dark:border-gradient-r-amber-pink-cyan-black

Now in dark mode the second class doesnt apply. So basically my button is still white.

Is this a know issue? Is there a solution? Perhaps I am doing something wrong?

This doesn't seem to work with hover states.

Do I need to add something to the config or is it not supported in the plugin?

Starting with Tailwind 3 (and Postcss 8), the config setting:

linearBorderGradients: (theme) => ({
    colors: {
         ...theme("colors"),
    },
})

causes our bundler (Vite) to run out of memory. I understand it may be preferred to specify certain colors, but this is a regression from Tailwind 2.