tailwind_to_css icon indicating copy to clipboard operation
tailwind_to_css copied to clipboard

Missing tailwindcss classes in the `cheatsheet.ts`

Open jcha0713 opened this issue 3 years ago • 3 comments

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 missing and wanted to contribute by filling in those things. I was wondering how you generated this cheatsheet.ts and if this is something I need to manually edit. Could you explain the structure of the file and where all the texts are coming from? (the description field for example)

jcha0713 avatar Jul 29 '22 21:07 jcha0713

please explain what is missing

staaph avatar Jul 30 '22 20:07 staaph

Currently all or many classes under the following titles are seem to be missing: Aspect Ratio, Columns, Break After/Before/Inside, Flex-Basis, Text Decoration Color/Style/Thickness, Text Underline Offset, Text Indent, Content, Background Origin, Outline Color/Style/Offset, Border Spacing, Accent/Caret Color, Scroll, Touch Action, and Will Change.

The list above is not a complete list and there are also some classes that return a fewer lines of css code. For example divide-x-0 outputs border-left-width: 0; but what it should give is border-right-width: 0px; border-left-width: 0px;

jcha0713 avatar Jul 30 '22 22:07 jcha0713

Currently all or many classes under the following titles are seem to be missing: Aspect Ratio, Columns, Break After/Before/Inside, Flex-Basis, Text Decoration Color/Style/Thickness, Text Underline Offset, Text Indent, Content, Background Origin, Outline Color/Style/Offset, Border Spacing, Accent/Caret Color, Scroll, Touch Action, and Will Change.

The list above is not a complete list and there are also some classes that return a fewer lines of css code. For example divide-x-0 outputs border-left-width: 0; but what it should give is border-right-width: 0px; border-left-width: 0px;

you can try to use my project : https://puddingjoker.github.io/tailwindcss2cssonline/

PuddingJoker avatar Aug 01 '23 09:08 PuddingJoker