[FEATURE] Add tailwind code for gradient text generator

[Dun-sin]

Description

The button has been added to copy tailwind code, but it doesn't have the actual code added to it, the tasks:

• Add tailwind equivalent code for the gradient text (all you need to do is actually convert the CSS

  Code-Magic/src/lib/packages.ts

  Lines 126 to 134 in eb705d0

  	p{
  	font-size: ${(outputElement.children[0] as HTMLElement).style.fontSize};
  	background: ${
  	(outputElement.children[0] as HTMLElement).style.background
  	};
  	background-clip: text;
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	}

  to Tailwind and add it to the appropriate case here ->

  Code-Magic/src/lib/packages.ts

  Line 270 in eb705d0

  const actOnTailwindGenerator = (attribute: string) => {

  )
• Test that it works with tailwind

Screenshots

No response

Additional information

If you notice any change you want to add, not related to this Issue, please raise an issue for it instead of adding it to the PR

👀 Have you checked if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue ?

None

[github-actions]

It's great having you contribute to this project by creating an issue

Make sure you are assigned to this before you work on it and you read the Contributing.md file, Thank you! Welcome to the community 🤓

[aqsaaqeel]

Can i work on this?

[Dun-sin]

Can i work on this?

Actually no, your last issue needs to have a PR to it, that should be merged and closed. You can't work on two at the same time.

[matthiasmulzet]

Hello, can i work on this ?

[Dun-sin]

Hello, can i work on this ?

Definitely, thanks for wanting to contribute, Make sure you follow the rules 👉🏽here👈🏽, else your PR will not be accepted and will be closed.
Good Luck

[matthiasmulzet]

that the Tailwind copy function works, it is neccessary to add the outputElement: HTMLElement to the copyTailwindCodeToClipboard and the actOnTailwindGenerator function. Should i create an own issue for that? Or should i only add the Tailwind code to the actOnTailwindGenerator function?

[Dun-sin]

that the Tailwind copy function works, it is neccessary to add the outputElement: HTMLElement to the copyTailwindCodeToClipboard and the actOnTailwindGenerator function. Should i create an own issue for that? Or should i only add the Tailwind code to the actOnTailwindGenerator function?

Yes the function works just but what it copies is empty, and yes just add the necessary but make the argument for outputElement optional using(?)

[Dun-sin]

@matthiasmulzet actually the current update has added the outputElement as an optional argument already, you need to do a git pull from main, so you can just add the Tailwind code

[Dun-sin]

🎉 This issue has been resolved in version 2.60.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀