tailwind_to_css icon indicating copy to clipboard operation
tailwind_to_css copied to clipboard

Gradients

Open new-user-name opened this issue 2 years ago • 1 comments

Hi, bg-gradient-to-r from-purple-500 to-pink-500 gives

background-image: background-image: linear-gradient(to right, var(--tw-gradient-stops)); 
background-color: #8B5CF6; 
background-color: #EC4899;

Shouldn't it be

--tw-gradient-from: #8B5CF6;
  --tw-gradient-to: #EC4899;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));

or even background-image: linear-gradient(to right, #8B5CF6, #EC4899);

new-user-name avatar Aug 22 '23 06:08 new-user-name

I believe the output should be:

.generated {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position)
}

ADTC avatar Nov 01 '24 12:11 ADTC