tw-to-css

tw-to-css copied to clipboard

It would be helpful to transform certain tailwind values like "gray-100" or "text-3xl" to use variables like var(--gray-100) and var(--3xl), in particular to enable easier support for variable based dark...

TheBigSasha

Documentation section about making vs code recognize the package and provide the necessary tailwindcss autocompletion and suggestions

lemedro

Create a playground page

1

vinicoder

thanks for the lib, but i'm having some problems with the hover: tags. It is possible that tags with format xxx: do not convert console.log(twj('bg-violet-500 hover:bg-violet-600 active:bg-violet-700 focus:outline-none focus:ring focus:ring-violet-300'));...

milukukoz

Not able to import in SvelteKit

3

```ts import { tailwindToCSS } from 'tw-to-css'; ``` If I try to import `tw-to-css` under the `lib` folder it just breaks with the following error. This is under dev mode...

jerriclynsjohn

Regex using unsupported syntax with Safari 16.3 and prior...

3

I'm using React Email and I installed it into my main webapp which uses Tailwind. I'm building the emails in a section in the app and rendering and pushing the...

rretlaw

tranform

1

When converting tranform, you will get an incorrect result, for example, ``` translate-x-[349px] translate-y-[64px] ``` will become```transform: "translate(0, 64px) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)".```

xoptimal

vinicoder

Here is a case: ``` input："text-4xl font-bold mb-6 text-[rgba(250, 84, 28, 1)]" output：{ fontSize: "2.25rem", fontWeight: 700, lineHeight: "2.5rem" marginBottom: "1.5rem" } ``` Self defined className like `text-[rgba(250, 84, 28,...

pianpianpianpian