search

Devzstudio / tailwind_to_css

Convert tailwind class to css
https://tailwind-to-css.vercel.app/
MIT License
440 stars 50 forks source link

Missing tailwindcss classes in the `cheatsheet.ts` #14

Open jcha0713 opened 2 years ago

jcha0713 commented 2 years ago

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)

staaph commented 2 years ago

please explain what is missing

jcha0713 commented 2 years ago

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;

PuddingJoker commented 1 year ago

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/