tailwind_to_css
tailwind_to_css copied to clipboard
Devzstudio
Convert tailwind class to css
Hi, I really like the idea of converting tailwindcss classes to pure css and I've been enjoying experimenting with your project. However, I noticed that many tailwind classes are currently...
Encountered a missing class w-1/8 during a conversion, so I thought this was an overall easy fix
I have this code: ``` w-full focus-visible:outline-none text-sm focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 flex flex-1 items-center justify-between py-4 px-0.5 font-medium underline-offset-4 hover:underline [&[data-state=open]>[hlmAccordionIcon]]:rotate-180 [&[data-state=open]>[hlmAccIcon]]:rotate-180 ``` The output is: ``` display: flex; padding-left:...
I recently ran into this tool and it's totally awesome. However I wasn't able to use it since my classes are prefixed with `tw-`. A good way to solve this...
Hi, I noticed there is no PWA support available. Is this something you would want a feature for? I'm happy to add it for you. Cheers!
when I try this: ```inline-block -ms-1 me-1.5 text-xl``` I get: ```css display: inline-block; font-size: 1.25rem; line-height: 1.75rem; ``` but I should get: ```css display: inline-block; margin-inline-start: 0.375rem; // Missing margin-inline-end:...
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,...
Cheatsheet is missing some values (e.g. `border-b-solid`). How do we generate it to keep it up-to-date?
Thank you for creating this library š Iād like to use `tailwind_to_css` to write a wrapper for [`mjml`](https://mjml.io/). Would you consider publishing an npm package of `libs/helpers`?
