css-to-tailwind icon indicating copy to clipboard operation
css-to-tailwind copied to clipboard

box-shadow wrong convertion

Open TobiasLueger opened this issue 2 years ago • 3 comments

If you type a box-shadow in CSS. For example: box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);

It turns into: [box-shadow:inset_0_2px_4px_0_rgb(0_0_0_/_0.05)]

It should be: shadow-inner

TobiasLueger avatar Apr 25 '23 13:04 TobiasLueger

The writing method of [box-shadow:inset_0_2px_4px_0_rgb(0_0_0_/_0.05)] can actually be used, and the preset content of tailwind is not used in the conversion of some attributes, so this conversion result appears, and the preset writing method of these attributes will be considered in the future. image

hymhub avatar Apr 25 '23 13:04 hymhub

Thanks, that would be useful. Same as this https://github.com/hymhub/css-to-tailwind/issues/2

TobiasLueger avatar Apr 25 '23 14:04 TobiasLueger

https://github.com/hymhub/css-to-tailwind/issues/2#issuecomment-1528726678

There are many possibilities for box-shadow in the tailwind default value. Considering some uncontrollable factors, it is not included in the preset, but the customTheme option is provided to set more free rules, for example https://github.com/hymhub/css-to-tailwind#3customize-any-property-value-alias-in-customtheme image

hymhub avatar Apr 29 '23 09:04 hymhub