Tailwind config with customs is not compiling

Hello, I'm new to Statamic and trying to get the gist out of it in my Valet local server with Cool Writing theme. and I have a couple of question regarding Tailwind CSS setup!

1. I wanted to add "backgroundImage" with custom gradient effect and it doesn't compile properly.

I've tried extend:

  theme: {
      extend: {
        backgroundImage: theme => ({
         'hero-pattern: "linear-gradient(#ffffff, #000)",
        })
      }
    }

or just

  theme: {
      colors: ...
      spacing: ...
      backgroundColor: ...
      ...
      backgroundImage: theme => ({
       'hero-pattern: "linear-gradient(#ffffff, #000)",
      })
    }

Not sure what I have missed...

2. When I set something like borderRadius: { 'none': '0', 'sm': '.125rem', DEFAULT: '.25rem', 'lg': '.5rem', 'full': '9999px', }, Isn't "DEFAULT" supposed to be created the class rounded with no suffix? but after compiling, it has with suffix like rounded-DEFAULT

Thank you for your help in advance!

>>>>>>> Unanswered <<<<<<<
0 Replies
1 Follower