{"_id":"@anydigital/breakout-css","_rev":"13-f34604392cb379da865834848ec0af09","name":"@anydigital/breakout-css","dist-tags":{"alpha":"1.0.0-alpha.10","latest":"0.11.1"},"versions":{"1.0.0-alpha":{"name":"@anydigital/breakout-css","version":"1.0.0-alpha","keywords":["css","breakout","images","figures","tailwind","tailwind-plugin","utilities"],"author":{"name":"Anton Staroverov"},"license":"MIT","_id":"@anydigital/breakout-css@1.0.0-alpha","maintainers":[{"name":"anydigital","email":"by@any.digital"}],"homepage":"https://github.com/anydigital/breakout-css#readme","bugs":{"url":"https://github.com/anydigital/breakout-css/issues"},"dist":{"shasum":"820073facbd8cb5910ea7886f4c44deecc8b2509","tarball":"https://registry.npmjs.org/@anydigital/breakout-css/-/breakout-css-1.0.0-alpha.tgz","fileCount":5,"integrity":"sha512-hVf9+4+uz6n+YGC7SEZolgExkF6e2v3ysITFZLNdUktoiDNE+LP843/FY2oKzpS/eBb7JlubB3w9J+OCQlbaeA==","signatures":[{"sig":"MEUCIQDXc09TrPJw2plfBoTKuo42sTsHUZ0SCRpbkvXXz2KTBgIgGz5u2/m2RzFdCMEyMxkMsV+6c+ekzHXBbOdMb3ihZ1Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6169},"main":"dist/breakout.css","style":"dist/breakout.css","exports":{".":"./dist/breakout.css","./css":"./dist/breakout.css","./src":"./src/breakout.css"},"gitHead":"81e53304c8bc2a8028c47392ee01d1e1eac3c140","scripts":{"build":"node scripts/build.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"anydigital","email":"by@any.digital"},"repository":{"url":"git+https://github.com/anydigital/breakout-css.git","type":"git"},"_npmVersion":"11.6.2","description":"Modern CSS utilities to easily break-out / hang / pop-out images, iframes, or other figures from their parent container","directories":{},"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"devDependencies":{"postcss":"^8.4.0","fs-extra":"^11.2.0","postcss-nesting":"^12.0.0","postcss-preset-env":"^10.6.0"},"peerDependencies":{"tailwindcss":"^3.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-css_1.0.0-alpha_1766877916800_0.6207369041452306","host":"s3://npm-registry-packages-npm-production"}},"1.0.0-alpha.2":{"name":"@anydigital/breakout-css","version":"1.0.0-alpha.2","keywords":["css","breakout","images","figures","tailwind","tailwind-plugin","utilities"],"author":{"name":"Anton Staroverov"},"license":"MIT","_id":"@anydigital/breakout-css@1.0.0-alpha.2","maintainers":[{"name":"anydigital","email":"by@any.digital"}],"homepage":"https://github.com/anydigital/breakout-css#readme","bugs":{"url":"https://github.com/anydigital/breakout-css/issues"},"dist":{"shasum":"5aed78847df50b6f1ba47cfcb700649921ad5d46","tarball":"https://registry.npmjs.org/@anydigital/breakout-css/-/breakout-css-1.0.0-alpha.2.tgz","fileCount":5,"integrity":"sha512-fqd5qbosqSRXUfA8YoW+RpjCLoxR3BdGcSe9O96DHNj5KcyFERZqF9ifgdZXZkbCBhnP0upL59UDrtU/L4A3Zg==","signatures":[{"sig":"MEUCIQCcvs+A7iI4qA1jkcS1j0qs3csqWv1u1CifbmTmp6FO6wIgSvF6+YwTY+aX+91N5xQz5kaQHodAxzGRhdPqL0Z8AgI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6080},"style":"dist/breakout.css","exports":{".":{"style":"./dist/breakout.css","import":"./src/breakout.css"}},"gitHead":"78eda84bce6c95c43f548cf0890fd747c0c8aca5","scripts":{"build":"node scripts/build.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"anydigital","email":"by@any.digital"},"repository":{"url":"git+https://github.com/anydigital/breakout-css.git","type":"git"},"_npmVersion":"11.6.2","description":"Modern CSS utilities to easily break-out / hang / pop-out images, iframes, or other figures from their parent container","directories":{},"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"postcss":"^8.4.0","fs-extra":"^11.2.0","postcss-nesting":"^12.0.0","postcss-preset-env":"^10.6.0"},"peerDependencies":{"tailwindcss":"^3.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-css_1.0.0-alpha.2_1766882654874_0.6488079256631247","host":"s3://npm-registry-packages-npm-production"}},"1.0.0-alpha.3":{"name":"@anydigital/breakout-css","version":"1.0.0-alpha.3","keywords":["css","breakout","images","figures","tailwind","tailwind-plugin","utilities"],"author":{"name":"Anton Staroverov"},"license":"MIT","_id":"@anydigital/breakout-css@1.0.0-alpha.3","maintainers":[{"name":"anydigital","email":"by@any.digital"}],"homepage":"https://github.com/anydigital/breakout-css#readme","bugs":{"url":"https://github.com/anydigital/breakout-css/issues"},"dist":{"shasum":"29304d4b860f4c45d6b60689476fe1f41fe4b13d","tarball":"https://registry.npmjs.org/@anydigital/breakout-css/-/breakout-css-1.0.0-alpha.3.tgz","fileCount":5,"integrity":"sha512-wfi1hC9YD9fSel8MJVnFUjD1IF8B1Q0PYpUbst6GoyX6JRZhGHNiLyEFiXoWZB2B+Vo8xnGhfq1raQJRV46hQQ==","signatures":[{"sig":"MEQCICTYChdNUmxbQEoD/UBU/5mE3IRC/+bcCjexUFHDx8qsAiAXk2jDAL6E/lvNEbxQTML2WlyehsQQvwLJ5JffkLsCMA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6704},"exports":{".":"./src/breakout.css","./dist":"./dist/breakout.css"},"gitHead":"f8a3c8ca7c683d7e8a3b53c36b4f5f7f70814b83","scripts":{"build":"postcss src/breakout.css -o dist/breakout.css","prepublishOnly":"npm run build"},"_npmUser":{"name":"anydigital","email":"by@any.digital"},"repository":{"url":"git+https://github.com/anydigital/breakout-css.git","type":"git"},"_npmVersion":"11.6.2","description":"Modern CSS utilities to easily break-out / hang / pop-out images, iframes, or other figures from their parent container","directories":{},"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"postcss":"^8.4.0","fs-extra":"^11.2.0","postcss-cli":"^11.0.0","postcss-preset-env":"^10.6.0"},"peerDependencies":{"tailwindcss":"^3.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-css_1.0.0-alpha.3_1766962496860_0.8047211839602753","host":"s3://npm-registry-packages-npm-production"}},"1.0.0-alpha.4":{"name":"@anydigital/breakout-css","version":"1.0.0-alpha.4","keywords":["css","breakout","images","figures","tailwind","tailwind-plugin","utilities"],"author":{"name":"Anton Staroverov"},"license":"MIT","_id":"@anydigital/breakout-css@1.0.0-alpha.4","maintainers":[{"name":"anydigital","email":"by@any.digital"}],"homepage":"https://github.com/anydigital/breakout-css#readme","bugs":{"url":"https://github.com/anydigital/breakout-css/issues"},"dist":{"shasum":"c7e80c2b3eb168482c954dfa0a5446f1cb24d3e1","tarball":"https://registry.npmjs.org/@anydigital/breakout-css/-/breakout-css-1.0.0-alpha.4.tgz","fileCount":5,"integrity":"sha512-A5rVpC4d5EwFdDWwz8lNQqkcnCCp1bf8JaheJJhdO01Ix7MyvuGYWDzvzOQXbYom4bHgZ22J4BahAFDrDKFwNg==","signatures":[{"sig":"MEUCIFDIcBz4lVIB4hW7cB1VZekMfvREbEdMdqXqOowtPeoGAiEAh2EiqO7T02wM5DgJfVldzoqkt6pkSDku0R3HdZOeSvc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7384},"exports":{".":"./src/breakout.css","./dist":"./dist/breakout.css"},"gitHead":"c5c53ecd6244e9940dd088c48da8f13fd8602ced","scripts":{"build":"postcss src/breakout.css -o dist/breakout.css","prepublishOnly":"npm run build"},"_npmUser":{"name":"anydigital","email":"by@any.digital"},"repository":{"url":"git+https://github.com/anydigital/breakout-css.git","type":"git"},"_npmVersion":"11.6.2","description":"Modern CSS utilities to easily break-out / hang / pop-out images, iframes, or other figures from their parent container","directories":{},"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"postcss":"^8.4.0","fs-extra":"^11.2.0","postcss-cli":"^11.0.0","postcss-preset-env":"^10.6.0"},"peerDependencies":{"tailwindcss":"^3.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-css_1.0.0-alpha.4_1766963502557_0.30608610169327766","host":"s3://npm-registry-packages-npm-production"}},"1.0.0-alpha.5":{"name":"@anydigital/breakout-css","version":"1.0.0-alpha.5","keywords":["css","breakout","images","figures","tailwind","tailwind-plugin","utilities"],"author":{"name":"Anton Staroverov"},"license":"MIT","_id":"@anydigital/breakout-css@1.0.0-alpha.5","maintainers":[{"name":"anydigital","email":"by@any.digital"}],"homepage":"https://github.com/anydigital/breakout-css#readme","bugs":{"url":"https://github.com/anydigital/breakout-css/issues"},"dist":{"shasum":"7f208206937581e69034d4bdd856d6ecac2563ef","tarball":"https://registry.npmjs.org/@anydigital/breakout-css/-/breakout-css-1.0.0-alpha.5.tgz","fileCount":6,"integrity":"sha512-VUrfEPWFwCdKNfSl34OR7nTeRslj3itVzWwsbjqD37ZPkfGFzqZyL7bHDqAwmGLfh/OlghIa7Pf6UBGCFyzfSQ==","signatures":[{"sig":"MEYCIQD3RHtWfBaMKv4X58jXSa1FuUIMmAPfqLYDGs/LzBlCQQIhAJkkAWT35P+RLmSlGvJ6NkLQiPdQu2vaT+IbS5ymCiUf","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7611},"exports":{".":"./src/breakout.css","./dist":"./dist/breakout.css"},"gitHead":"81a3d90b9ca596b006bcee1aef7bc8b6276d7cb6","scripts":{"build":"postcss src/breakout.css -o dist/breakout.css","prepublishOnly":"npm run build"},"_npmUser":{"name":"anydigital","email":"by@any.digital"},"repository":{"url":"git+https://github.com/anydigital/breakout-css.git","type":"git"},"_npmVersion":"11.6.2","description":"Modern CSS utilities to easily break-out / hang / pop-out images, iframes, or other figures from their parent container","directories":{},"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"postcss":"^8.4.0","fs-extra":"^11.2.0","postcss-cli":"^11.0.0","postcss-preset-env":"^10.6.0"},"peerDependencies":{"tailwindcss":"^3.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-css_1.0.0-alpha.5_1767064961099_0.8653384457963647","host":"s3://npm-registry-packages-npm-production"}},"1.0.0-alpha.6":{"name":"@anydigital/breakout-css","version":"1.0.0-alpha.6","keywords":["css","breakout","images","figures","tailwind","tailwind-plugin","utilities"],"author":{"name":"Anton Staroverov"},"license":"MIT","_id":"@anydigital/breakout-css@1.0.0-alpha.6","maintainers":[{"name":"anydigital","email":"by@any.digital"}],"homepage":"https://github.com/anydigital/breakout-css#readme","bugs":{"url":"https://github.com/anydigital/breakout-css/issues"},"dist":{"shasum":"38f8cf39344fffb2e29637d25972f67b7a1ea43b","tarball":"https://registry.npmjs.org/@anydigital/breakout-css/-/breakout-css-1.0.0-alpha.6.tgz","fileCount":6,"integrity":"sha512-9knc8FQXqOH4eT2fVmBK/p5mHCQ8jcd8EDgaHZyi3SbEFltmgbkZJenObBrdRZdxsXYbvdazwInAk/gAjcYWfw==","signatures":[{"sig":"MEUCIQCvUWnOg0sGuco4tNaWwaJyaScgwcLgqfA2Wp7sCztPFQIgEvkZq1VyB3WpBQSfYtl/LHDzGxNY8SmfTxn3ssZ1kbs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7626},"style":"./src/breakout.css","exports":{".":"./src/breakout.css","./dist":"./dist/breakout.css"},"gitHead":"e8f513b2a68576f769e033ea284f293cc658241f","scripts":{"build":"postcss src/breakout.css --no-map -o dist/breakout.css","prepublishOnly":"npm run build"},"_npmUser":{"name":"anydigital","email":"by@any.digital"},"repository":{"url":"git+https://github.com/anydigital/breakout-css.git","type":"git"},"_npmVersion":"11.6.2","description":"Modern CSS utilities to easily break-out / hang / pop-out images, iframes, or other figures from their parent container","directories":{},"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"postcss":"^8.4.0","postcss-cli":"^11.0.0","postcss-preset-env":"^10.6.0"},"peerDependencies":{"tailwindcss":"^3.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-css_1.0.0-alpha.6_1767066720553_0.4554493387116967","host":"s3://npm-registry-packages-npm-production"}},"1.0.0-alpha.7":{"name":"@anydigital/breakout-css","version":"1.0.0-alpha.7","keywords":["css","breakout","images","figures","tailwind","utilities"],"author":{"name":"Anton Staroverov"},"license":"MIT","_id":"@anydigital/breakout-css@1.0.0-alpha.7","maintainers":[{"name":"anydigital","email":"by@any.digital"}],"homepage":"https://github.com/anydigital/breakout-css#readme","bugs":{"url":"https://github.com/anydigital/breakout-css/issues"},"dist":{"shasum":"9e93f9e97f2d623244d286b07cab0fad9ec904e4","tarball":"https://registry.npmjs.org/@anydigital/breakout-css/-/breakout-css-1.0.0-alpha.7.tgz","fileCount":6,"integrity":"sha512-CsXTuXqEcgCZMEqchUIrm2mqkdhKESTIf+/vI5S0OdTky+suREFbjpS8fs/ff8N4mnpdS56bVtKOos1A1q/7TQ==","signatures":[{"sig":"MEYCIQDeY7nD7OJbdxaHtgLWl+sf/ZNAR8G0+CH3EzpROsDG+QIhAPdFYg9mL5xrUdlRmxu4iAxDmAGjB4eyQMKLXjmTUnyH","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8186},"style":"./src/breakout.css","exports":{".":"./src/breakout.css","./dist":"./dist/breakout.css"},"gitHead":"7f366598f49af26460c3b3a53a7779b3321da54d","scripts":{"build":"postcss src/breakout.css --no-map -o dist/breakout.css","prepublishOnly":"npm run build"},"_npmUser":{"name":"anydigital","email":"by@any.digital"},"repository":{"url":"git+https://github.com/anydigital/breakout-css.git","type":"git"},"_npmVersion":"11.6.2","description":"Modern CSS utilities to easily break-out / hang / pop-out images, iframes, or other figures from their parent container","directories":{},"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"postcss":"^8.4.0","postcss-cli":"^11.0.0","postcss-preset-env":"^10.6.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-css_1.0.0-alpha.7_1767412104183_0.24991832145234416","host":"s3://npm-registry-packages-npm-production"}},"1.0.0-alpha.8":{"name":"@anydigital/breakout-css","version":"1.0.0-alpha.8","keywords":["css","breakout","images","figures","tailwind","utilities"],"author":{"name":"Anton Staroverov"},"license":"MIT","_id":"@anydigital/breakout-css@1.0.0-alpha.8","maintainers":[{"name":"anydigital","email":"by@any.digital"}],"homepage":"https://github.com/anydigital/breakout-css#readme","bugs":{"url":"https://github.com/anydigital/breakout-css/issues"},"dist":{"shasum":"70a7dc234fefe95b00da60b40bdc3e3426c94ece","tarball":"https://registry.npmjs.org/@anydigital/breakout-css/-/breakout-css-1.0.0-alpha.8.tgz","fileCount":6,"integrity":"sha512-mKkMTan7DPBsWngb3o5JzQH1yyE4+ePkt6H/X4GxO+SnPWPyDaK8t7E2qbhR4VJJD7gZ2lfXbpuPW6OOR0rI6g==","signatures":[{"sig":"MEQCIF/SEfc4x500VcedUyGzdMhqFPTL9k0ocTW+zatyawMuAiB38anPn1IHJ6q+pp0rhpptp6pRFOtXVbMNIS1jVVuy7w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12170},"style":"./src/breakout.css","exports":{".":"./src/breakout.css","./dist":"./dist/breakout.css"},"gitHead":"656c352fbc643bda2883848840749b8fee3f7fbe","scripts":{"build":"postcss src/breakout.css --no-map -o dist/breakout.css","prepublishOnly":"npm run build"},"_npmUser":{"name":"anydigital","email":"by@any.digital"},"repository":{"url":"git+https://github.com/anydigital/breakout-css.git","type":"git"},"_npmVersion":"11.6.2","description":"Modern CSS utilities to easily break-out / hang / pop-out images, iframes, and other figures from their parent container","directories":{},"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"postcss":"^8.4.0","postcss-cli":"^11.0.0","postcss-preset-env":"^10.6.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-css_1.0.0-alpha.8_1769220061882_0.9852894544220829","host":"s3://npm-registry-packages-npm-production"}},"1.0.0-alpha.9":{"name":"@anydigital/breakout-css","version":"1.0.0-alpha.9","keywords":["css","breakout","images","figures","tailwind","utilities"],"author":{"name":"Anton Staroverov"},"license":"MIT","_id":"@anydigital/breakout-css@1.0.0-alpha.9","maintainers":[{"name":"anydigital","email":"by@any.digital"}],"homepage":"https://github.com/anydigital/breakout-css#readme","bugs":{"url":"https://github.com/anydigital/breakout-css/issues"},"dist":{"shasum":"1968c066a6ace44ba55ed0c6962cbe115a552b9e","tarball":"https://registry.npmjs.org/@anydigital/breakout-css/-/breakout-css-1.0.0-alpha.9.tgz","fileCount":6,"integrity":"sha512-ZGsD4NNOyAqgvQHSypL6Z4oZLtYH9JvOinjbnjODImEepeYI/6W42fx3ILkAutSACN51FIW1ple68//duSVpGA==","signatures":[{"sig":"MEQCIFDJ6E3yTKZeqpgat6uDn3URphEUFvPOp4rcLFuNxtX+AiBqW0h0hdfO4UveHTSTFzkv5WPEWdT3VJUb6aJfsRiltg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13265},"style":"./src/breakout.css","exports":{".":"./src/breakout.css","./dist":"./dist/breakout.css"},"gitHead":"651e6005dcb04b834fbaf672d2588c8bdcbc6582","scripts":{"build":"postcss src/breakout.css --no-map -o dist/breakout.css","prepublishOnly":"npm run build"},"_npmUser":{"name":"anydigital","email":"by@any.digital"},"repository":{"url":"git+https://github.com/anydigital/breakout-css.git","type":"git"},"_npmVersion":"11.6.2","description":"Modern CSS utilities to easily break-out / hang / pop-out images, iframes, and other figures from their parent container","directories":{},"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"postcss":"^8.4.0","postcss-cli":"^11.0.0","postcss-preset-env":"^10.6.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-css_1.0.0-alpha.9_1769285000969_0.7448011335452887","host":"s3://npm-registry-packages-npm-production"}},"1.0.0-alpha.10":{"name":"@anydigital/breakout-css","version":"1.0.0-alpha.10","keywords":["css","breakout","bleed","images","tables","figures","responsive","tailwind","utilities"],"author":{"name":"Anton Staroverov"},"license":"MIT","_id":"@anydigital/breakout-css@1.0.0-alpha.10","maintainers":[{"name":"anydigital","email":"by@any.digital"}],"homepage":"https://github.com/anydigital/breakout-css#readme","bugs":{"url":"https://github.com/anydigital/breakout-css/issues"},"dist":{"shasum":"b42bb48c3dad614599e12fd103034f0301fcc5fd","tarball":"https://registry.npmjs.org/@anydigital/breakout-css/-/breakout-css-1.0.0-alpha.10.tgz","fileCount":6,"integrity":"sha512-9fJ8dg8eaYhTlhE5wzYvlyWqV44Ne3X++l/GQHnZw3ZPqZfEdSY5SG0qIkEVKBSGJ0Sui6Qn0jPgmScXq9ciYw==","signatures":[{"sig":"MEUCIH5pG+Gw9coUwqZJgzeUTQkTq1X+Bz/I26GuwTq8KTe6AiEAv0RsPPeYyObcmnOjrdASsYWYYUmsPGWEjPvybK6U1xo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13379},"style":"./src/breakout.css","exports":{".":"./src/breakout.css","./dist":"./dist/breakout.css"},"gitHead":"0b68f41934b31f15c3d2f2a4eb105f03b787e945","scripts":{"build":"postcss src/breakout.css --no-map -o dist/breakout.css","prepublishOnly":"npm run build"},"_npmUser":{"name":"anydigital","email":"by@any.digital"},"repository":{"url":"git+https://github.com/anydigital/breakout-css.git","type":"git"},"_npmVersion":"11.6.2","description":"Modern CSS utilities to easily break-out / hang / pop-out / bleed images, tables, iframes, and other figures from their parent container","directories":{},"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"postcss":"^8.4.0","postcss-cli":"^11.0.0","postcss-preset-env":"^10.6.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-css_1.0.0-alpha.10_1769291328875_0.7888227601515634","host":"s3://npm-registry-packages-npm-production"}},"0.11.0":{"name":"@anydigital/breakout-css","version":"0.11.0","keywords":["css","breakout","bleed","images","tables","figures","responsive","tailwind","utilities"],"author":{"name":"Anton Staroverov"},"license":"MIT","_id":"@anydigital/breakout-css@0.11.0","maintainers":[{"name":"anydigital","email":"by@any.digital"}],"homepage":"https://github.com/anydigital/breakout-css#readme","bugs":{"url":"https://github.com/anydigital/breakout-css/issues"},"dist":{"shasum":"db3290dd0a8888b91e5b98e3796ee91c06bf7b5c","tarball":"https://registry.npmjs.org/@anydigital/breakout-css/-/breakout-css-0.11.0.tgz","fileCount":6,"integrity":"sha512-E784/S9B5ZreqvUQhsziuMpGSic1gIZUsxg2RZ3A8D+hBzqP5YCs9Cla4H1BR+P2xOtzxAMd04MiS2B6lX+VGw==","signatures":[{"sig":"MEUCIGoWB9FN0WffMort8KtF10VqZLCamWLvrat/PoeYbvB4AiEAq1Nr3HWLHtfrcmgo8eKwF4nyL3a0KrdyJVOOBkBJ62k=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13739},"style":"./src/breakout.css","exports":{".":"./src/breakout.css","./dist":"./dist/breakout.css"},"gitHead":"9d7e60bd73cbdff8df3255ee10a58c308098e9ff","scripts":{"build":"postcss src/breakout.css --no-map -o dist/breakout.css","prepublishOnly":"npm run build"},"_npmUser":{"name":"anydigital","email":"by@any.digital"},"repository":{"url":"git+https://github.com/anydigital/breakout-css.git","type":"git"},"_npmVersion":"11.6.2","description":"Modern CSS utilities to easily break-out / hang / pop-out / bleed images, tables, iframes, and other figures from their parent container","directories":{},"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"devDependencies":{"postcss":"^8.4.0","postcss-cli":"^11.0.0","postcss-preset-env":"^10.6.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-css_0.11.0_1769436396077_0.36908750802388557","host":"s3://npm-registry-packages-npm-production"}},"0.11.1":{"name":"@anydigital/breakout-css","version":"0.11.1","keywords":["css","breakout","bleed","images","tables","figures","responsive","tailwind","utilities"],"author":{"name":"Anton Staroverov"},"license":"MIT","_id":"@anydigital/breakout-css@0.11.1","maintainers":[{"name":"anydigital","email":"by@any.digital"}],"homepage":"https://github.com/anydigital/breakout-css#readme","bugs":{"url":"https://github.com/anydigital/breakout-css/issues"},"dist":{"shasum":"cbbab94003bebd8fded472e34b0885b9775614f4","tarball":"https://registry.npmjs.org/@anydigital/breakout-css/-/breakout-css-0.11.1.tgz","fileCount":6,"integrity":"sha512-k603qSKweRArZ0Vv19JG2Rd5d6RcaIuI9d41l/tWhjJ+dErkOt15oSdKYTku4vnhff91r0pPA1us1h7s1yLTQw==","signatures":[{"sig":"MEQCIEjf4uW2vlTb2Ysp07np9IABAHrFtsZ2xX3Er9X+n3+9AiBUV7UTx+gANCB7QN1wx81+TdQQvkwY12ZVNIDNhqWtmw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13974},"style":"./src/breakout.css","exports":{".":"./src/breakout.css","./dist":"./dist/breakout.css"},"gitHead":"7fe4f613b585a14ab48c08aa207eec636730869e","scripts":{"build":"postcss src/breakout.css --no-map -o dist/breakout.css","prepublishOnly":"npm run build"},"_npmUser":{"name":"anydigital","email":"by@any.digital"},"repository":{"url":"git+https://github.com/anydigital/breakout-css.git","type":"git"},"_npmVersion":"11.6.2","description":"Modern CSS utilities to easily break-out / hang / pop-out / bleed images, tables, iframes, and other figures from their parent container","directories":{},"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"devDependencies":{"postcss":"^8.4.0","postcss-cli":"^11.0.0","postcss-preset-env":"^10.6.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-css_0.11.1_1770099459148_0.9090300529249877","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2025-12-27T23:25:16.731Z","modified":"2026-04-07T00:15:53.752Z","1.0.0-alpha":"2025-12-27T23:25:16.958Z","1.0.0-alpha.2":"2025-12-28T00:44:15.024Z","1.0.0-alpha.3":"2025-12-28T22:54:56.999Z","1.0.0-alpha.4":"2025-12-28T23:11:42.689Z","1.0.0-alpha.5":"2025-12-30T03:22:41.221Z","1.0.0-alpha.6":"2025-12-30T03:52:00.697Z","1.0.0-alpha.7":"2026-01-03T03:48:24.337Z","1.0.0-alpha.8":"2026-01-24T02:01:02.027Z","1.0.0-alpha.9":"2026-01-24T20:03:21.106Z","1.0.0-alpha.10":"2026-01-24T21:48:49.029Z","0.11.0":"2026-01-26T14:06:36.265Z","0.11.1":"2026-02-03T06:17:39.312Z"},"bugs":{"url":"https://github.com/anydigital/breakout-css/issues"},"author":{"name":"Anton Staroverov"},"license":"MIT","homepage":"https://github.com/anydigital/breakout-css#readme","keywords":["css","breakout","bleed","images","tables","figures","responsive","tailwind","utilities"],"repository":{"url":"git+https://github.com/anydigital/breakout-css.git","type":"git"},"description":"Modern CSS utilities to easily break-out / hang / pop-out / bleed images, tables, iframes, and other figures from their parent container","maintainers":[{"email":"by@any.digital","name":"blades-ninja"}],"readme":"# breakout-css\n\nModern CSS utilities to easily break-out / hang / pop-out / bleed images, tables, iframes, and other figures from their parent container.\n\n## Installation\n\n### From CDN\n\n```html\n\n```\n\n### From Source\n\n```css\n@import \"@anydigital/breakout-css\";\n```\n\n^ This is supported by Tailwind v4!\n\n## Usage\n\n### Basic Usage\n\n```html\n
\n

Article Title

\n

Lorem ipsum dolor sit amet...

\n\n \n \"Hero\n\n

More content here...

\n
\n```\n\n### Supported Elements\n\nThe breakout effect automatically applies to direct children or elements wrapped in `

` tags:\n\n**Inline blocks:**\n\n- `img`, `picture`, `figure`, `canvas`, `audio`\n\n**Larger blocks:**\n\n- `table` (responsive with horizontal scroll support), `pre`\n- `iframe`, `object`, `embed`, `video`\n\n**Custom utility classes:**\n\n- Elements with `.breakout-item` or `.breakout-item-max` class\n\n### Headings & Dividers\n\nFor decorative headings and full-width dividers, use the `.breakout-headings` class. This adds a subtle accent line to the left of headings and makes horizontal rules span the full viewport width:\n\n```html\n

\n

Section Title

\n

Some content...

\n\n
\n\n

Subheading

\n

More content...

\n
\n```\n\nThe extension applies to the following elements (when they don't have other classes):\n\n- `h2`, `h3`, `h4` (adds decorative accent line)\n- `hr` (breaks out to full viewport width)\n\n_Note: The decorative accent on headings is automatically hidden if the heading immediately follows an `
` to avoid visual overlap._\n\n### Manual Breakout\n\nFor elements that don't automatically break out, use the `.breakout-item` class:\n\n```html\n
\n

Regular content...

\n\n
\n \n
\n\n

More content...

\n
\n```\n\n### Force Maximum Width\n\nBy default, breakout elements use `width: fit-content` with `max-width: 125%`, allowing them to size between 100% and 125% width based on their content. To force an element to always use the full 125% breakout width, use `.breakout-item-max`:\n\n```html\n
\n

Regular content...

\n\n \n \"Wide\n\n

More content...

\n
\n```\n\nNote: `.breakout-item-max` uses `width: 125% !important` to override default sizing.\n\n## How It Works\n\nThe `.breakout` container acts as a content wrapper that:\n\n1. Sets a smart `max-width: calc(10% + 65ch + 10%)` to ensure an optimal reading line length (approx. 65 characters).\n2. Applies `padding-inline: 10%` to create the necessary gutter space for breakout elements to extend into.\n\nThe breakout effect on elements is achieved by:\n\n1. Setting `width: fit-content` with `min-width: 100%` and `max-width: 125%` (inline blocks like `img`, `picture`, `figure`, `canvas`, and `audio` use `min-width: auto` instead). Tables are handled specially to be full-bleed (`max-width: 100vw`) with internal horizontal padding (`7.5%`) and horizontal scroll support.\n2. Using `margin-left: 50%` to position from the center of the container\n3. Using `transform: translateX(-50%)` to shift it left by half its width\n\nThis combination allows elements to extend beyond their parent container (up to 125% width) while remaining visually centered.\n\nThe `.breakout-headings` utility works by:\n\n1. Adding a `::before` pseudo-element to headings (`h2-h4`) positioned to the left.\n2. Using a `100vw` width and negative translation on `hr::before` to create a full-width divider.\n\n### Markdown Support\n\nThe breakout effect works on direct children of `.breakout`, or elements wrapped in `

` tags (for Markdown compatibility where images are often wrapped in paragraphs).\n\n## License\n\nMIT\n","readmeFilename":"README.md"}