{"_id":"@amirafa/tailwind-browser-variants","name":"@amirafa/tailwind-browser-variants","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@amirafa/tailwind-browser-variants","version":"1.0.0","description":"TailwindCSS plugin that adds browser-specific variants (chrome, safari, firefox, edge, opera, ie, brave, vivaldi, chromium)","main":"index.cjs","module":"index.js","types":"index.d.ts","exports":{".":{"import":"./index.js","require":"./index.cjs","types":"./index.d.ts"}},"keywords":["tailwindcss","tailwind","plugin","browser","chrome","safari","firefox","edge","opera","ie","brave","vivaldi","chromium"],"author":{"name":"Amirafa","email":"amir.h.rafati@gmail.com"},"license":"MIT","publishConfig":{"access":"public"},"peerDependencies":{"tailwindcss":"^3.0.0"},"_id":"@amirafa/tailwind-browser-variants@1.0.0","gitHead":"74370fbe4f019efe18d6462c014f22b9e049e643","_nodeVersion":"22.21.1","_npmVersion":"10.9.4","dist":{"integrity":"sha512-7pWE4CYF9BXvl7sTp6YI8CXQdJBV+4R2JK4EIEmFKo0VgCD6dy16eLQDxgaEuo+icwwdVP3u2yBqrZINp4c5DA==","shasum":"7e88dfed592914ca411b3bd08ee373af9b544c5f","tarball":"https://registry.npmjs.org/@amirafa/tailwind-browser-variants/-/tailwind-browser-variants-1.0.0.tgz","fileCount":6,"unpackedSize":4792,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCtT6SCSMhHmNXBBn6DcWMPj6U6fU8rJd/UL10Ww6OD0gIhALye0gR28bmP7Spzb79gozWl+owRRyV34k0Uw0gQdGAj"}]},"_npmUser":{"name":"amirafa","email":"amir.h.rafati@gmail.com"},"directories":{},"maintainers":[{"name":"amirafa","email":"amir.h.rafati@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tailwind-browser-variants_1.0.0_1763468154243_0.9974677615130707"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-18T12:15:54.118Z","1.0.0":"2025-11-18T12:15:54.453Z","modified":"2025-11-18T12:15:54.772Z"},"maintainers":[{"name":"amirafa","email":"amir.h.rafati@gmail.com"}],"description":"TailwindCSS plugin that adds browser-specific variants (chrome, safari, firefox, edge, opera, ie, brave, vivaldi, chromium)","keywords":["tailwindcss","tailwind","plugin","browser","chrome","safari","firefox","edge","opera","ie","brave","vivaldi","chromium"],"author":{"name":"Amirafa","email":"amir.h.rafati@gmail.com"},"license":"MIT","readme":"# Tailwind Browser Variants – Documentation\n\n## Installation\n\n```bash\nnpm install @amirafa/tailwind-browser-variants\n```\n\n## Adding to Tailwind \n\n### ESM (type: \"module\", Next.js, Vite, etc.)\nin `tailwind.config.js`\n\n```js\nimport browserVariants from \"@amirafa/tailwind-browser-variants\";\n\nexport default {\n  content: [\"./src/**/*.{html,js,ts,jsx,tsx}\"],\n  plugins: [browserVariants],\n};\n```\n\n### CommonJS\nin `tailwind.config.js`\n\n```js\nconst browserVariants = require(\"@amirafa/tailwind-browser-variants\");\n\nmodule.exports = {\n  content: [\"./src/**/*.{html,js,ts,jsx,tsx}\"],\n  plugins: [browserVariants],\n};\n```\n\n## Usage Example\n\n```html\n<div class=\"\n  chrome:bg-red-500\n  safari:bg-blue-500\n  firefox:bg-green-500\n  edge:bg-yellow-500\n  opera:bg-purple-500\n  ie:bg-gray-500\n  brave:bg-orange-500\n  vivaldi:bg-pink-500\n  chromium:bg-cyan-500\n\">\n  Browser-specific styles\n</div>\n```\n\n## Supported Browsers & Variants\n\n| Browser | Variant | Detection |\n|--------|---------|-----------|\n| Chrome | `chrome:` | `@supports (-webkit-appearance:none)` |\n| Safari | `safari:` | `@supports (-webkit-touch-callout:none)` |\n| Firefox | `firefox:` | `@-moz-document url-prefix()` |\n| Edge | `edge:` | `@supports (-ms-ime-align:auto)` |\n| Opera | `opera:` | `@supports (-o-object-fit: fill)` |\n| Internet Explorer | `ie:` | `@media (-ms-high-contrast)` |\n| Brave | `brave:` | heuristic (Chromium + paint API) |\n| Vivaldi | `vivaldi:` | heuristic (marquee overflow) |\n| Chromium | `chromium:` | generic chromium engine detection |\n\n## Notes\n\n- Heuristic detections (Brave, Vivaldi, generic Chromium) are best‑effort and may not be 100% reliable.\n- Works with all Tailwind versions supporting `addVariant` (Tailwind v3+ recommended).","readmeFilename":"README.md","_rev":"1-b5d02ddeeddbfac65d99b0e94548dfaf"}