{"_id":"@_nu/css-modal","_rev":"3-7c954eda7fae9943a0925de26b0ba105","name":"@_nu/css-modal","dist-tags":{"latest":"0.0.6"},"versions":{"0.0.4":{"name":"@_nu/css-modal","version":"0.0.4","description":"nu-system css modal","author":{"name":"ziven27"},"license":"MIT","repository":{"type":"git","url":"git+ssh://git@github.com/nu-system/css.git"},"bugs":{"url":"https://github.com/nu-system/css/issues"},"homepage":"https://nu-system.github.io/css","main":"lib/index.css","module":"module/index.module.css","publishConfig":{"access":"public"},"scripts":{"start":"gulp","build":"rm -rf ./lib && rm -rf ./module && gulp build"},"keywords":["!ui","modal","nu","design-system","css"],"gitHead":"0de582ba869f611b535c735b7ddee068706e886e","_id":"@_nu/css-modal@0.0.4","_nodeVersion":"12.16.3","_npmVersion":"lerna/3.22.1/node@v12.16.3+x64 (darwin)","dist":{"integrity":"sha512-AaI9TBPY4lGZHqP7cDVFOMO9Xb/7MhMW0QQ6VyUROPw2k8tN6+lJphfpVRIF6+yUvHm7lDSZD+Hb7I1iswsTWw==","shasum":"5470b77d2ad5acca2cb19d707e0a2336e40e1b5a","tarball":"https://registry.npmjs.org/@_nu/css-modal/-/css-modal-0.0.4.tgz","fileCount":6,"unpackedSize":5340,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOO0lCRA9TVsSAnZWagAAl0QP/3Qp/hblQJQ/WeWI+7g8\n5QT7V4I78MGz7XcluGIpdaw0bX9fvbrkUPqTbyiD/JUtsgtLct8c8JTyIG70\n4UVPdWD+Nk0iFRRrYwygDK2qY7sTtgrDw2IQJ5NNakoLnLSazD4wZy8oS/Y4\nMBecNcEni/IyFaFpUoJtaabCCw4SrVlHTL7s7nUp3X/HohsXtprB2qfAqS6F\nWnwEil7xMEmHQthzhhyY67dbwZEdmuk+x/bJQwh1gOJTsoR9KloS5qJMl6Cw\nAiCpmw8v2DycykytD+Z8ialzbtUCK9hfzCpHDdwvZurX7f2fndQswKngqUnM\nimzlm6sIRJwNP2H8UKYbw9p2CIUmKDv5bKzzvQdTB1YAaitzMysshpNijEXj\njfaz1SofKlYf5h7ILduFsMIIDOVVywA5AQFURxoOnNa/3KP7eKmIXnXL88ao\njvWCcOPlsjXA+Dd0aXVZ0ConLGgFN+Yls2CSAppG3G/VF9GXAG35DLL/PeFz\nq+eZfQuEGYfQYboNe5iZF5eI9zN+e1f1HJhtwO0TGnYjem95PxFmd+G14vJQ\nJjv/Jmw/FlRn/oA4NfbZhBnmtkZxi0hsK4WSE7DBAgocQMlw5mPRTYHorOnk\n1Soh5NOfcas1r0DBrKJ1/LRR9tjb8mt4nEDaeWejoRiji9cvjuNyePamXf5f\nSwFL\r\n=xwQN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA/zsgANLvTln0WkhsDuZi5mKU7lFaHO7AWzbJiHi574AiBg8TqBELQbkieQhYOwvr88ZrliPEckkY5Eyk87uB+2XQ=="}]},"maintainers":[{"name":"nanasun","email":"1128yeye@sina.com"},{"name":"ziven27","email":"ziven27@qq.com"}],"_npmUser":{"name":"ziven27","email":"ziven27@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/css-modal_0.0.4_1597566244969_0.08164154964979753"},"_hasShrinkwrap":false},"0.0.5":{"name":"@_nu/css-modal","version":"0.0.5","description":"nu-system css modal","author":{"name":"ziven27"},"license":"MIT","repository":{"type":"git","url":"git+ssh://git@github.com/nu-system/css.git"},"bugs":{"url":"https://github.com/nu-system/css/issues"},"homepage":"https://nu-system.github.io/css","main":"lib/index.css","module":"module/index.module.css","publishConfig":{"access":"public"},"scripts":{"start":"gulp","build":"rm -rf ./lib && rm -rf ./module && gulp build"},"keywords":["!ui","modal","nu","design-system","css"],"gitHead":"ac2af7300baa9252b3abb92550543c79bff9367f","_id":"@_nu/css-modal@0.0.5","_nodeVersion":"12.16.3","_npmVersion":"lerna/3.22.1/node@v12.16.3+x64 (darwin)","dist":{"integrity":"sha512-O7HILlec8HGhNeyVdiSLq1iqaG1kgX6JgKvd/c6t53Dt5wiDnw6Ylrw7tNzZDkb5B2GqqqmlvdOWhUNS7TOY+Q==","shasum":"dd084fd13dde85c0387adc441592d9b1a3823424","tarball":"https://registry.npmjs.org/@_nu/css-modal/-/css-modal-0.0.5.tgz","fileCount":6,"unpackedSize":5561,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOPB7CRA9TVsSAnZWagAAdLYP/icVV+qA9wdl4zSXd3po\nRQYjS9m/8N/MrX5BAp40x2yptOc0NNX/PIEd8J6psE5FbQlPWADSF3AJgNy8\nE0yTvEC3jkfpBiN9pMN6L5IhC3OX5OStR/68Pzy8OI5xCW2OCv29eENIBvPr\n2hq7uVMGP994knwjfMJlANBBIunZIlwkeae1XUVlnrJebs5dl1VcHra8cBxe\noMk/A+tbbfD6dekpb76y4JrFPi9ju2x5lFTf3PDZ9tV4oi5mpt4QDpz/k7Oj\nYZOptpi6396kUzkEt0QoEuQD5RXjBmGAswph4gPpg234qS4RB+Kbt9bjI6bv\nm1exUFtg3qUsTLPX4A83Ke3IzZSCPkGVuOOkeL/Lzj2xNg609t4sMDpBkjgX\nk0LJyygkk+UT46BiLx6rLfuJHPn5TwpRpmOGgDbBJ/HI760UBskrmsoAmfGv\nCFUSq8wFk59pwfvmfxrFpDOEQMyuL3+JtaiBLmwS518usgq5I3JL3CY3qKcz\nIccM6vm+fuIU20hc6iV7xCMhggT6zFBnwKsNFW4OG0Lg5XpwB3Dy9LzGMBVE\nzk/o9hf50+uxsKkV+nc5x1oXVhUH+Jmgsjp/xFKOstZrc6m6y2u0/MgLcAEx\nngtj/eKzOEvHWyvyoNDBuLOS3/I27vtX1qymaD7plMUK3ZljPQOpFbQunWN5\n0r/K\r\n=mQLU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICEZBnAt/ACEq6sQMRNndxNJN39HWxuNJ/sYlMlXaeb0AiEAlivwBXY9GidEv+ewYlt7f3741ToyFGxmhtLNKevTMBc="}]},"maintainers":[{"name":"nanasun","email":"1128yeye@sina.com"},{"name":"ziven27","email":"ziven27@qq.com"}],"_npmUser":{"name":"ziven27","email":"ziven27@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/css-modal_0.0.5_1597567098975_0.39849972464013605"},"_hasShrinkwrap":false},"0.0.6":{"name":"@_nu/css-modal","version":"0.0.6","description":"nu-system css modal","author":{"name":"ziven27"},"license":"MIT","repository":{"type":"git","url":"git+ssh://git@github.com/nu-system/css.git"},"bugs":{"url":"https://github.com/nu-system/css/issues"},"homepage":"https://nu-system.github.io/css","main":"lib/index.css","module":"module/index.module.css","publishConfig":{"access":"public"},"scripts":{"start":"gulp","build":"rm -rf ./lib && rm -rf ./module && gulp build"},"keywords":["!ui","modal","nu","design-system","css"],"gitHead":"61dee0cf05370ca48c9c1420b4c57e3e2913f2fe","_id":"@_nu/css-modal@0.0.6","_nodeVersion":"12.16.3","_npmVersion":"lerna/3.22.1/node@v12.16.3+x64 (darwin)","dist":{"integrity":"sha512-3fusFD1EMhJLw4uDwEmnMjGwR4yC98M7dpj01Iizj2x1TQTRtcl4Wuh/PPLGg6E64133ZXt3+kIDXL8Frogv3g==","shasum":"0c9b137a05730d67fd28ab6d10de32e46cddd738","tarball":"https://registry.npmjs.org/@_nu/css-modal/-/css-modal-0.0.6.tgz","fileCount":6,"unpackedSize":5915,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOTVACRA9TVsSAnZWagAAogoP/2bRVSysZrAtQCtmfdcj\nPrR+UXG3RnqG0vzoCmN9/wpvF7c+nUdz8z5gC5QuoLJry7/pC1t6TyG08wVC\nR7z9WoUjPqw2XJ2Z2J+xMHZTHI46cX530g2d98Jr/DmV4glbErKVEzFGZ5VQ\naPQmyU/vF3rWmiizex1aWykAQCMbetVTccZApXrQdWNLucrHDia9L+Wl5HBj\niMpcTQQXidVQdIyiy4J+VsqvfJjciFrHtwV76e/Opsussrtc29jCN4OeY6oS\ngLHIf9Xwhb6LmxglYtj9t7DptAPV7eUC9Dr8kV6IBLU0Qhe8gjhz8jfoDH1L\nVpC8vgZmf0JYE+FiIPOxFnN2LEzknbvMI4jKOIoEJdSFgCbCgyktzueYLKkm\nLZRsNdoIUwxAzf1gurrZWhrjPsuzqjqyxyMUkM10a6+CJk/NvtIwva1GTqtU\nimsznaadJyj9KmzJxA2i4Mu7+kZeqjXrpCvKlu1uzbki4EmK5FTU+ffVUWtu\nJvga/Yahw8AAF6rX9+5swOjldnfFukO7A5L6oF0ZPy+vGrzyrCgh9OFE5/sg\ngKgNIso4+3LKaelVF+haRKh8FrpF4grUOzCM055jKol0ek5LnpIF3Q6OKqDu\nDGK+zNRug4YnDLhHb0OtC4S0vLDZ8ADzDNzH+ny7gVsZuPGXhuZcu1MtSh3N\nxUXU\r\n=FrPH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC5zVFo0RC9Wx2FKEaamP8ZmFQv6wJ/PVc7b9oC4qo/LAiEAjxAm1V04KDzjbOD+WLq88ExsT/rgkfphmCNFvf0h7H8="}]},"maintainers":[{"name":"nanasun","email":"1128yeye@sina.com"},{"name":"ziven27","email":"ziven27@qq.com"}],"_npmUser":{"name":"ziven27","email":"ziven27@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/css-modal_0.0.6_1597584703760_0.9888001946789031"},"_hasShrinkwrap":false}},"time":{"created":"2020-08-16T08:24:04.750Z","0.0.4":"2020-08-16T08:24:05.080Z","modified":"2022-04-04T10:51:35.502Z","0.0.5":"2020-08-16T08:38:19.080Z","0.0.6":"2020-08-16T13:31:43.871Z"},"maintainers":[{"name":"nanasun","email":"1128yeye@sina.com"},{"name":"ziven27","email":"ziven27@qq.com"}],"description":"nu-system css modal","homepage":"https://nu-system.github.io/css","keywords":["!ui","modal","nu","design-system","css"],"repository":{"type":"git","url":"git+ssh://git@github.com/nu-system/css.git"},"author":{"name":"ziven27"},"bugs":{"url":"https://github.com/nu-system/css/issues"},"license":"MIT","readme":"# css-modal\n\n[![npm package][npm-badge]][npm-url]\n[![npm downloads][npm-downloads]][npm-url]\n[![github][git-badge]][git-url]\n\n[npm-badge]: https://img.shields.io/npm/v/@_nu/css-modal.svg\n[npm-url]: https://www.npmjs.org/package/@_nu/css-modal\n[npm-downloads]: https://img.shields.io/npm/dw/@_nu/css-modal\n[git-url]: https://github.com/nu-system/css\n[git-badge]: https://img.shields.io/github/stars/nu-system/css.svg?style=social\n\ncss vanilla modal component.\n\n## 安装\n\n```\n$ yarn add @_nu/css-modal\n```\n\n## API\n\n```HTML\n\n \n \n
\n```\n\n为了无障碍可访问性，这边推荐使用 `button` 标签作为 `mask` 的标签。\n\n| 选择器 | 功能 |\n| :---------- | ---: |\n| `.nu_modal` | 弹窗 |\n| `.nu_mask` | 遮罩 |\n\n## 如何添加动效?\n\n```css\n.nu_modal {\n visibility: hidden;\n opacity: 0;\n transition: opacity 200ms, visibility 200ms;\n}\n.nu_modal[open] {\n visibility: visible;\n opacity: 1;\n transition: opacity 200ms;\n}\n```\n\n## NPM CDN\n\n```HTML\n\n\n\n```","readmeFilename":"README.md"}