{"_id":"@amj7/tailwindcss-px-to-nativescript-dpi","name":"@amj7/tailwindcss-px-to-nativescript-dpi","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@amj7/tailwindcss-px-to-nativescript-dpi","type":"module","version":"1.0.0","description":"A Tailwind CSS plugin automatically converts all PX units to just integers without units in your Tailwind styles. NativeScript projects see unit-less values as DPI units.","author":{"name":"ArthurMJ96"},"repository":{"type":"git","url":"git+https://github.com/ArthurMJ96/tailwindcss-px-to-nativescript-dpi.git"},"license":"MIT","keywords":["px to ns-dpi unit","nativescript","tailwind","tailwindcss"],"sideEffects":false,"exports":{".":{"types":"./dist/index.d.ts","require":"./dist/index.cjs","import":"./dist/index.mjs"}},"main":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","typesVersions":{"*":{"*":["./dist/*","./dist/index.d.ts"]}},"scripts":{"build":"unbuild"},"devDependencies":{"@types/node":"^22.13.4","tailwindcss":"^3.4.17","typescript":"^5.7.3","unbuild":"^3.3.1"},"peerDependencies":{"tailwindcss":"^3.0.0"},"_id":"@amj7/tailwindcss-px-to-nativescript-dpi@1.0.0","gitHead":"d61db7282c869a7704d904dbff60902114c55db6","bugs":{"url":"https://github.com/ArthurMJ96/tailwindcss-px-to-nativescript-dpi/issues"},"homepage":"https://github.com/ArthurMJ96/tailwindcss-px-to-nativescript-dpi#readme","_nodeVersion":"23.6.1","_npmVersion":"11.0.0","dist":{"integrity":"sha512-m+FZM1Q1wQv/XuNlsTLdDwDtMGQekAwnyJX01qfD+O1rKv3r0/VgBVPw+fd5enEEo8Owk528PhgKKquoNBX3pQ==","shasum":"22d7765de7d8328af6399bc12797c0539aa9ad53","tarball":"https://registry.npmjs.org/@amj7/tailwindcss-px-to-nativescript-dpi/-/tailwindcss-px-to-nativescript-dpi-1.0.0.tgz","fileCount":7,"unpackedSize":5889,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIEMu9OBJOQXMdgKwRQ6RPXHXU4JrIBgDWqqLCU2Dzl5xAiAe52xWSv62mhPsTDqEFmBkeRw+kSVFOkuFAE63ri7OUQ=="}]},"_npmUser":{"name":"amj7","email":"1114aze@gmail.com"},"directories":{},"maintainers":[{"name":"amj7","email":"1114aze@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tailwindcss-px-to-nativescript-dpi_1.0.0_1740074889218_0.49525178214095256"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-20T18:08:09.083Z","1.0.0":"2025-02-20T18:08:09.402Z","modified":"2025-02-20T18:08:09.717Z"},"maintainers":[{"name":"amj7","email":"1114aze@gmail.com"}],"description":"A Tailwind CSS plugin automatically converts all PX units to just integers without units in your Tailwind styles. NativeScript projects see unit-less values as DPI units.","homepage":"https://github.com/ArthurMJ96/tailwindcss-px-to-nativescript-dpi#readme","keywords":["px to ns-dpi unit","nativescript","tailwind","tailwindcss"],"repository":{"type":"git","url":"git+https://github.com/ArthurMJ96/tailwindcss-px-to-nativescript-dpi.git"},"author":{"name":"ArthurMJ96"},"bugs":{"url":"https://github.com/ArthurMJ96/tailwindcss-px-to-nativescript-dpi/issues"},"license":"MIT","readme":"# tailwindcss-px-to-nativescript-dpi\r\n\r\nA Tailwind CSS plugin that automatically converts all `px` units to unit-less integers in your Tailwind styles. This is especially useful for NativeScript projects, which interpret unit-less values as DPI units.  \r\nThis allows using base tailwindcss classes in NativeScript with deterministic effect on different devices. (Such as avoiding `border-b` resulting in a thin hard-to-see line on high-end devices and a thick line on low-end devices)\r\n\r\n## Installation\r\n\r\nTo install the plugin, run the following command in your project directory:\r\n\r\n```bash\r\nnpm install @amj7/tailwindcss-px-to-nativescript-dpi\r\n```\r\n\r\n## Usage\r\n\r\nThe plugin works by intercepting all Tailwind utility classes and custom styles that use PX units, converting them. This conversion happens at build time, ensuring that your final CSS output contains only unit-less values.\r\n\r\nAdd the plugin to your Tailwind configuration:\r\n\r\n```js\r\nconst pxToDpi = require(\"@amj7/tailwindcss-px-to-nativescript-dpi\");\r\n\r\n/** @type {import('tailwindcss').Config} */\r\nmodule.exports = {\r\n  content: [\r\n    // ...\r\n  ],\r\n  theme: {\r\n    // ...\r\n  },\r\n  plugins: [remToPx()],\r\n};\r\n```\r\n","readmeFilename":"README.md"}