{"_id":"@birdiegyal/postcss-hsl-trans","name":"@birdiegyal/postcss-hsl-trans","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@birdiegyal/postcss-hsl-trans","version":"1.0.0","description":"A forked PostCSS plugin to transform hex colors to hsl","keywords":["postcss","css","postcss-plugin","color","postprocessor"],"author":{"name":"birdie gyal"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/birdiegyal/postcss-hsl-trans.git"},"bugs":{"url":"https://github.com/birdiegyal/postcss-hsl-trans/issues"},"homepage":"https://github.com/birdiegyal/postcss-hsl-trans","dependencies":{"color":"^0.10.1","postcss":"^5.0.0"},"devDependencies":{"tape":"^4.2.0"},"scripts":{"test":"tape test"},"main":"index.js","directories":{"test":"test"},"_id":"@birdiegyal/postcss-hsl-trans@1.0.0","gitHead":"35e68be8e17f061d31b8f47ee7a8b48a978e1641","_nodeVersion":"20.15.1","_npmVersion":"10.7.0","dist":{"integrity":"sha512-w8WQeORgh0K9ovEU6vzx4VQcG8D0t6r9S7/fCGRWD2Xnk84L9pY/pmNVtTPyjeZxeJ3NRZ4MsnxKqocO6YT2Mw==","shasum":"dfcb6e0b737ed6f0a6421f40593d82a517d318fc","tarball":"https://registry.npmjs.org/@birdiegyal/postcss-hsl-trans/-/postcss-hsl-trans-1.0.0.tgz","fileCount":5,"unpackedSize":4196,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJ0GlCblxVmPlbhsh84uNT9YgRRIcoxTXSTo7p4krNhgIhAME+/S5Bq4a1f8v/6q+sMVRqRutND3FAtyWaW2xBuh3M"}]},"_npmUser":{"name":"birdiegyal","email":"birdiegyal@gmail.com"},"maintainers":[{"name":"birdiegyal","email":"birdiegyal@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/postcss-hsl-trans_1.0.0_1731080982754_0.7456166035932255"},"_hasShrinkwrap":false}},"time":{"created":"2024-11-08T15:49:42.645Z","1.0.0":"2024-11-08T15:49:42.942Z","modified":"2024-11-08T15:49:43.213Z"},"maintainers":[{"name":"birdiegyal","email":"birdiegyal@gmail.com"}],"description":"A forked PostCSS plugin to transform hex colors to hsl","homepage":"https://github.com/birdiegyal/postcss-hsl-trans","keywords":["postcss","css","postcss-plugin","color","postprocessor"],"repository":{"type":"git","url":"git+https://github.com/birdiegyal/postcss-hsl-trans.git"},"author":{"name":"birdie gyal"},"bugs":{"url":"https://github.com/birdiegyal/postcss-hsl-trans/issues"},"license":"MIT","readme":"# postcss-hsl-trans\n[PostCSS](https://github.com/postcss/postcss) plugin to convert hex colors to hsl.\n\n```css\n/* input: global.css */\n:root {\n  --background: #fbfbf2;\n    --foreground: #080708;\n}\n```\n\n```css\n/* output: global_built.css */\n:root {\n  --background: 60 53% 97%;\n  --foreground: 300 7% 3%;\n}\n```\n\n## Install\n\n```bash\nnpm i -D postcss-hsl-trans\n```\n\n## Usage\n\n```js\n// postcss.config.js\n\nexport default {\n    plugins: {\n        /* always add new plugins on the top as mentioned in the tw docs. */\n        \"postcss-hsl-trans\": {},\n        tailwindcss: {},\n        autoprefixer: {}\n    }\n}\n\n```\n\nSee [PostCSS](https://github.com/postcss/postcss) docs for examples for your environment.\n\n## Reasoning\n\nThis plugin allows you to use HEX colors all over your css file and upon build, transforms your HEX values to HSL for better compatibility with shadcn/ui. You can preview your colors too when using HEX values all over your stylesheet.\n\n\n","readmeFilename":"README.md"}