{"_id":"@andrewjh271/menu","_rev":"3-3b38e62e2fabfeb17a139b1c7e3d2330","name":"@andrewjh271/menu","dist-tags":{"latest":"2.0.1"},"versions":{"1.0.0":{"name":"@andrewjh271/menu","version":"1.0.0","author":{"name":"Andrew Hayhurst","email":"hayhurst.andrew@gmail.com"},"license":"ISC","_id":"@andrewjh271/menu@1.0.0","maintainers":[{"name":"andrewjh271","email":"HAYHURST.ANDREW@GMAIL.COM"}],"homepage":"https://github.com/andrewjh271/dropdown-menu","bugs":{"url":"https://github.com/andrewjh271/dropdown-menu/issues"},"dist":{"shasum":"558e7671ff813a3295eaa634f7d66c353e7ce2d5","tarball":"https://registry.npmjs.org/@andrewjh271/menu/-/menu-1.0.0.tgz","fileCount":11,"integrity":"sha512-Zec38JUOigEL5VoLWbDdaJVIZm8RMzdE8ycS36f5OOt4XAaPsiPHI7Bsb25xa7TffnoWXrIy+gfQKnYr3lr8fQ==","signatures":[{"sig":"MEUCIQDETQ6MP1NRwPXKxsg2/eoYnqaAkehy/fBBwj+/tgxFIgIgWh9CMtKfdB9Tsvj2QdxIlyQE1KQrQqKU3thfumoktJE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":95467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjO29UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrqHA//Rv1O6VHkTJyN79QYuHboxUcr5HOHm8mn0/Inb1W7z9KImYdE\r\nNQ0zP04e2iF+8FGqLcd1hcy7UwbWwD0hXsvjyP+/HueLSBWvMQujm5QD3Zfi\r\nrAt52NbCL40w/5TGwn4ZulzgqAFF7iSfsckUb6GzmhrdW9+/y+jSGNOLSC/g\r\nzdbEFs/6dV1mnx6b5c8Oye9puw4+5VMrsNk2vgKlyeUz8MJhYaCpAHkmFkA3\r\n7yy0Ia30ftKhQGXbNek1qMdkCA2xe46DFMA4DBxogCEPGz4IbIqegkEQqRCT\r\nu4v76yeLAK6TcX08DN3wfpCuIDMM3e0HdyZOJBmwdJl0AGLk8Dby8pIp5AR2\r\n3c33pvy3TJOR3K/74wwySOJEoF84AmEeztBzhTd3Xj9iogVv+8uRQ/Ibd+Se\r\ne9MwRWOadE2fYY4fKGypy/OfOWvMbZeQYHCAojjgMGSTo6icePtustfGulJJ\r\nm1dahGEg3r0ptiBbQeUnAle56nxscPIGkkHuqfxOK78uNtGoKd/M6Li8KvRf\r\npplFDT7/Q9uorv5Q0M0qEOIXqeLg+w/ZsO8AJGFFt5nKscZbARGUN4ltiUy3\r\nbRc7RoSwOEjZjcg3FFlN3UCBNYarquJsQyYbXgcaDF+9R9ymXeYKcv86U281\r\nFRFmxH1Jp2zvtASr/vtJswscoHvKeQcrMcQ=\r\n=gNTz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/main.js","gitHead":"86b2006500b2a0066d7c9e2128a4305a0b8fab51","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","serve":"webpack serve --watch-content-base","watch":"webpack --progress --watch"},"_npmUser":{"name":"andrewjh271","email":"HAYHURST.ANDREW@GMAIL.COM"},"repository":{"url":"git+ssh://git@github.com/andrewjh271/dropdown-menu.git","type":"git"},"_npmVersion":"7.6.1","description":"Dropdown responsive menu","directories":{},"_nodeVersion":"14.12.0","dependencies":{"hamburgers":"^1.2.1"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.55.0","eslint":"^8.24.0","webpack":"^5.37.1","css-loader":"^6.7.1","sass-loader":"^13.0.2","webpack-cli":"^4.7.0","style-loader":"^3.3.1","webpack-dev-server":"^3.11.2","eslint-plugin-import":"^2.26.0","eslint-config-prettier":"^8.5.0","eslint-config-airbnb-base":"^15.0.0"},"_npmOperationalInternal":{"tmp":"tmp/menu_1.0.0_1664839508669_0.053436153278341836","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@andrewjh271/menu","version":"1.0.1","author":{"name":"Andrew Hayhurst","email":"hayhurst.andrew@gmail.com"},"license":"ISC","_id":"@andrewjh271/menu@1.0.1","maintainers":[{"name":"andrewjh271","email":"HAYHURST.ANDREW@GMAIL.COM"}],"homepage":"https://github.com/andrewjh271/dropdown-menu","bugs":{"url":"https://github.com/andrewjh271/dropdown-menu/issues"},"dist":{"shasum":"e0f89d2dc3a180220710ff2d9160a23d1759f4ff","tarball":"https://registry.npmjs.org/@andrewjh271/menu/-/menu-1.0.1.tgz","fileCount":11,"integrity":"sha512-59cAFbi+qyQGSeqUqet6jxF4G3/25bRd6xKGVSpEUBMk6umwU5d4/LXt3F7G0cHrG8G5/qlBeVW8P3OXbAGb/A==","signatures":[{"sig":"MEUCIQC7Twi2PiFfc218SVu4TeT01S85PLktPeady7E6viCkdQIgYT/BJfwpKtnJ8lEBsu7nxuMnOVZDxmGUUzsxZ2yqH8k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":240256,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWvhGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrL3w//fuMBinFoPL9DxwGlgqgBb8h85OnH9fT3whGkxcB6h2Mk/4+B\r\ntPGn70F84kzUYnwQyW8K2EA4nypR/7VezCeVamgoNdH64tQ9jJSTyf99JALr\r\nourK/TbP9xCixymxNnjJtWTFId0Z+Ph/cjpuz4kvycPlao5qQgBu1PTRL+0R\r\nT8pO6eTvFZ6b3YYU78+H+AfuhHqL0tYTuXJPxPYmVR6chYX6eqDlLlR3KYn4\r\ngJR7E2CfgUgRaK+Zo5D6gs65Q5KsTCNdkiKhb/UBDfM5p3aBnsCTUMl3oQHn\r\nfNvTH8V+OmOK2meS03s+Txo0lMpH1FWlqaMCdB85+1EkzJa8ptdkfzecYJAB\r\nkwlG0hzLjHJ3gDq6aWhyr0efXECIUFqr+teOfpHaYNswUE/9Z70UCSVQMTpP\r\nG+28jiOaIuDLDPcUd9dgtF8WE2sqffHCfYv7O8Aw2n24I59iJzVtg8G67x3w\r\nukf0b8w+U4X3xGJyoCw6A/4FF40CBk8Rm/y57JNiuQiYNbvZgIEtARqwsjiy\r\nrAHREaaXHF/YanrAzEbw6L7Nagl2h/wD1KuWjMOvnOJv7v5v3n1WugWBLKCN\r\nfWcmKts78FyiAsCpJHzHfdUy1roE8d1Q3y5g0LQyD31JhQsvsNs8thIN1jbY\r\nbTJtgD59QIpC+tCfFlHzMzb3QhIE1bGN7xM=\r\n=QsGb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/main.js","gitHead":"f621a24cd1e982d5730face77f6ba5cb42d10498","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","serve":"webpack serve --watch-content-base","watch":"webpack --progress --watch"},"_npmUser":{"name":"andrewjh271","email":"HAYHURST.ANDREW@GMAIL.COM"},"repository":{"url":"git+ssh://git@github.com/andrewjh271/dropdown-menu.git","type":"git"},"_npmVersion":"7.6.1","description":"Dropdown responsive menu","directories":{},"_nodeVersion":"14.12.0","dependencies":{"hamburgers":"^1.2.1"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.55.0","eslint":"^8.24.0","webpack":"^5.37.1","css-loader":"^6.7.1","sass-loader":"^13.0.2","webpack-cli":"^4.7.0","style-loader":"^3.3.1","webpack-dev-server":"^3.11.2","eslint-plugin-import":"^2.26.0","eslint-config-prettier":"^8.5.0","eslint-config-airbnb-base":"^15.0.0"},"_npmOperationalInternal":{"tmp":"tmp/menu_1.0.1_1666906182249_0.9357336794865319","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@andrewjh271/menu","version":"2.0.0","author":{"name":"Andrew Hayhurst","email":"hayhurst.andrew@gmail.com"},"license":"ISC","_id":"@andrewjh271/menu@2.0.0","maintainers":[{"name":"andrewjh271","email":"HAYHURST.ANDREW@GMAIL.COM"}],"homepage":"https://github.com/andrewjh271/dropdown-menu","bugs":{"url":"https://github.com/andrewjh271/dropdown-menu/issues"},"dist":{"shasum":"0993b1c5a8bd366a4cfbeb4408949f7341107e5a","tarball":"https://registry.npmjs.org/@andrewjh271/menu/-/menu-2.0.0.tgz","fileCount":9,"integrity":"sha512-ZSa0nXeS06o5M9Mbce4/q5Ls2uMCCMeZtMmVZKvc+ydeTh+6CTxN+Wo4j2Ye+cEJ19TzKV+N1R/ho7ln79de3g==","signatures":[{"sig":"MEUCIB5I0Q0mDCkm3pqtHKQy7A4Za8xKjfW+/VTwO7GNzjSyAiEA4nPQgGVLW8/FVyjM8wRBfIcYSdcrPi6m5N12q+mW98Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46092},"main":"dist/main.js","gitHead":"adc272cc84bbd885b878fbf1baf52abeecf03672","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","serve":"webpack serve","watch":"webpack --progress --watch"},"_npmUser":{"name":"andrewjh271","email":"HAYHURST.ANDREW@GMAIL.COM"},"repository":{"url":"git+ssh://git@github.com/andrewjh271/dropdown-menu.git","type":"git"},"_npmVersion":"10.8.2","description":"Dropdown responsive menu","directories":{},"_nodeVersion":"20.16.0","dependencies":{"hamburgers":"^1.2.1"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8.24.0","webpack":"^5.93.0","webpack-cli":"^5.1.4","webpack-dev-server":"^5.0.4","eslint-plugin-import":"^2.29.1","eslint-config-prettier":"^8.5.0","eslint-config-airbnb-base":"^15.0.0"},"_npmOperationalInternal":{"tmp":"tmp/menu_2.0.0_1722985242413_0.9326008578504963","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@andrewjh271/menu","version":"2.0.1","description":"Dropdown responsive menu","homepage":"https://github.com/andrewjh271/dropdown-menu","main":"dist/main.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","watch":"webpack --progress --watch","serve":"webpack serve"},"repository":{"type":"git","url":"git+ssh://git@github.com/andrewjh271/dropdown-menu.git"},"author":{"name":"Andrew Hayhurst","email":"hayhurst.andrew@gmail.com"},"license":"ISC","devDependencies":{"eslint":"^8.24.0","eslint-config-airbnb-base":"^15.0.0","eslint-config-prettier":"^8.5.0","eslint-plugin-import":"^2.29.1","webpack":"^5.93.0","webpack-cli":"^5.1.4","webpack-dev-server":"^5.0.4"},"dependencies":{"hamburgers":"^1.2.1"},"_id":"@andrewjh271/menu@2.0.1","gitHead":"9d357b3d4e5befdd627b6c20b63cbd1d9eabd955","bugs":{"url":"https://github.com/andrewjh271/dropdown-menu/issues"},"_nodeVersion":"20.16.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-upIiZBY8wSLpx9eiuq7YlscGCWD+xChutMDE5fLQFn+N2AEXDAf9p5B1X/kpJMHwpIDMwpX35DKnhaZD+MEhbw==","shasum":"2c2d55d6758bcbea896dd8b4c2b78dac3081b717","tarball":"https://registry.npmjs.org/@andrewjh271/menu/-/menu-2.0.1.tgz","fileCount":9,"unpackedSize":46223,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIARAZGql/0VnPwRmUAgyY4AGGbjiLj3/tFVomgZYFIzhAiEAj2i85K30Tf//JhCpnuhlE+lMWMj0whpf3aBPCe2X9mM="}]},"_npmUser":{"name":"andrewjh271","email":"HAYHURST.ANDREW@GMAIL.COM"},"directories":{},"maintainers":[{"name":"andrewjh271","email":"HAYHURST.ANDREW@GMAIL.COM"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/menu_2.0.1_1722987770637_0.18606474764851377"},"_hasShrinkwrap":false}},"time":{"created":"2022-10-03T23:25:08.619Z","modified":"2024-08-06T23:42:51.029Z","1.0.0":"2022-10-03T23:25:08.864Z","1.0.1":"2022-10-27T21:29:42.454Z","2.0.0":"2024-08-06T23:00:42.689Z","2.0.1":"2024-08-06T23:42:50.832Z"},"bugs":{"url":"https://github.com/andrewjh271/dropdown-menu/issues"},"author":{"name":"Andrew Hayhurst","email":"hayhurst.andrew@gmail.com"},"license":"ISC","homepage":"https://github.com/andrewjh271/dropdown-menu","repository":{"type":"git","url":"git+ssh://git@github.com/andrewjh271/dropdown-menu.git"},"description":"Dropdown responsive menu","maintainers":[{"name":"andrewjh271","email":"HAYHURST.ANDREW@GMAIL.COM"}],"readme":"# @andrewjh271/menu v2.0.0\n\nA responsive dropdown menu. View example usage [here](https://andrewjh271.github.io/dropdown-menu/).\n\n### Installation\n\nInstall package:\n\n```shell\n$ npm install @andrewjh271/menu\n```\n\nImport the `menu.scss` file in your Sass manifest file:\n\n```sass\n@import \"path/to/menu.scss\"\n```\n\nAlternatively, reference the `menu.css` file in your html:\n\n```html\n<link rel=\"stylesheet\" href=\"path/to/menu.css\" />\n```\n\n### Usage\n\n```javascript\nimport '@andrewjh271/menu';\n```\n\nFollow markup structure:\n\n```html\n<ul class=\"menu\">\n    <button class=\"hamburger hamburger--spin-r\" type=\"button\">\n        <span class=\"hamburger-box\">\n            <span class=\"hamburger-inner\"></span>\n        </span>\n    </button>\n    <h1 class=\"title\"><a href=\"\">lichess.org</a></h1>    \n        <div class=\"dropdown-container hide-mobile\">\n            <li class=\"dropdown\">\n                <div class=\"dropdown-header\">Play</div>\n                <ul>\n                  <li><a href=\"\">Create a game</a></li>\n                  <li><a href=\"\">Arena tournaments</a></li>\n                  <li><a href=\"\">Swiss tournaments</a></li>\n                  <li><a href=\"\">Simultaneous exhibitions</a></li>\n                </ul>    \n            </li>\n            <li class=\"dropdown\">\n                <div class=\"dropdown-header\">Puzzles</div>\n                <ul>\n                    <li><a href=\"\">Puzzles</a></li>\n                    <li><a href=\"\">Puzzle Dashboard</a></li>\n                    <li><a href=\"\">Puzzle Streak</a></li>\n                    <li><a href=\"\">Puzzle Storm</a></li>\n                </ul>\n            </li>\n        </div>    \n</ul> \n```\n\n### Customization\n\nVariables in sass/menu.scss or stylesheets/menu.css\n\n```scss\n:root {\n  --menu-color-main: #475480;\n  --dropdown-color: #f0e7ff;\n  --dropdown-highlight: #629cf3;\n  --spacing-base: 9px;\n  --max-height: 700px;\n}\n```\n\nIf  you are using Sass, these variables are customizable as well:\n\n```scss\n$hamburger-padding-x: 18px !default;\n$hamburger-padding-y: 5px !default;\n$hamburger-layer-width: 25px !default; // default = 40px\n$hamburger-layer-height: 2.5px !default; // default = 4px\n$hamburger-layer-color: var(--menu-color-main) !default;\n```\n\nCustomize hamburger animation by changing the class name in the html. Read more [here](https://jonsuh.com/hamburgers/).\n\n```html\n<button class=\"hamburger hamburger--emphatic-r\" type=\"button\">\n  <span class=\"hamburger-box\">\n    <span class=\"hamburger-inner\"></span>\n  </span>\n</button>\n```\n\n## Author\n\n[Andrew Hayhurst](https://github.com/andrewjh271)\n\n## Acknowledgments\n\n* [Hamburgers by Jonathan Suh](https://jonsuh.com/hamburgers/)\n* https://webpack.js.org/\n* Inspired by https://lichess.org/\n","readmeFilename":"README.md"}