{"_id":"@avalanche/utility-visibility","_rev":"8-c43f750e2a071ac60fb558582aece732","name":"@avalanche/utility-visibility","description":"Classes to hide content with accessibility in mind","dist-tags":{"latest":"4.0.0-alpha.4"},"versions":{"4.0.0-alpha.1":{"name":"@avalanche/utility-visibility","description":"Classes to hide content with accessibility in mind","keywords":["avalanche-package","avalanche","sass"],"version":"4.0.0-alpha.1","author":{"name":"Markus Oberlehner"},"homepage":"https://avalanche.oberlehner.net/","license":"MIT","repository":{"type":"git","url":"https://github.com/avalanchesass/avalanche/tree/master/packages/utility-visibility"},"bugs":{"url":"https://github.com/avalanchesass/avalanche/issues"},"main":"scss/index.scss","_id":"@avalanche/utility-visibility@4.0.0-alpha.1","scripts":{},"_shasum":"26f62cbee9f7de5a5c010837af6c94ee4689224b","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.1.0","_npmUser":{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"},"dist":{"shasum":"26f62cbee9f7de5a5c010837af6c94ee4689224b","tarball":"https://registry.npmjs.org/@avalanche/utility-visibility/-/utility-visibility-4.0.0-alpha.1.tgz","integrity":"sha512-BUHgoyy7KIS8DWjUdbEF/set5oBJzha4l8w0Q3edwPJNnXhENwEkfFVXPXVPxaxp+BOsLKszk3ZUSU47ECTKJg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuX6102UOZvExEGAfh3/WJz3tJ3rLJbddImNha4qJLEwIhAMWP6YReMUrnafULnd3D6tOX8zuZ4pCKsN98UIKNYLEE"}]},"maintainers":[{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/utility-visibility-4.0.0-alpha.1.tgz_1482860137473_0.9297814345918596"},"directories":{}},"4.0.0-alpha.2":{"name":"@avalanche/utility-visibility","description":"Classes to hide content with accessibility in mind","keywords":["avalanche-package","avalanche","sass"],"version":"4.0.0-alpha.2","author":{"name":"Markus Oberlehner"},"homepage":"https://avalanche.oberlehner.net/","license":"MIT","repository":{"type":"git","url":"https://github.com/avalanchesass/avalanche/tree/master/packages/utility-visibility"},"bugs":{"url":"https://github.com/avalanchesass/avalanche/issues"},"main":"scss/index.scss","_id":"@avalanche/utility-visibility@4.0.0-alpha.2","_npmVersion":"5.0.3","_nodeVersion":"7.1.0","_npmUser":{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"},"dist":{"integrity":"sha512-BurpHY8z3+jcpQpesiNkenct5y0qV/kMjMlVBrCIfSFBMjap3O059WxSkS1XggCLwqATc0jnwcUt2Ez/CqJjUA==","shasum":"c5cb3fe5ec33cef5485061d054d8c3a2d2a9f39b","tarball":"https://registry.npmjs.org/@avalanche/utility-visibility/-/utility-visibility-4.0.0-alpha.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDO6Yz5LWR2L2LG4Wjztzh2ZogeVW3e4xhuK3wf0lu8nAiBXaWc/i4XKRDR4/5hcpRHao1pp0V/GZSeKWhnHkIBS9g=="}]},"maintainers":[{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/utility-visibility-4.0.0-alpha.2.tgz_1498152151591_0.1619135420769453"},"directories":{}},"4.0.0-alpha.3":{"name":"@avalanche/utility-visibility","description":"Classes to hide content with accessibility in mind","keywords":["avalanche-package","avalanche","sass"],"version":"4.0.0-alpha.3","author":{"name":"Markus Oberlehner"},"homepage":"https://avalanche.oberlehner.net/","license":"MIT","repository":{"type":"git","url":"https://github.com/avalanchesass/avalanche/tree/master/packages/utility-visibility"},"bugs":{"url":"https://github.com/avalanchesass/avalanche/issues"},"main":"scss/index.scss","engines":{"npm":">=3.0.0"},"_id":"@avalanche/utility-visibility@4.0.0-alpha.3","_npmVersion":"5.3.0","_nodeVersion":"8.1.4","_npmUser":{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"},"dist":{"integrity":"sha512-9CXxyB/Vj6QPihqUfbTCSYJmAla6GXd3uDkugXaUnl1rqcD1ODS+R7YD18bOW/gs6THFWgkKpRv7AP4NDfE68g==","shasum":"45cdc7168c79eca4071108fe9e693aec86b9efc8","tarball":"https://registry.npmjs.org/@avalanche/utility-visibility/-/utility-visibility-4.0.0-alpha.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC9UPvEQQjrtPU9MGoZmzwBetWOrA/ndJ2nLxzhnm1V5AiBybrDrgutdMHucACn0GJ8ATDVcV5ZH2lgRChiMg21lQA=="}]},"maintainers":[{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"},{"name":"maoberlehner","email":"markus.oberlehner@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/utility-visibility-4.0.0-alpha.3.tgz_1501595535590_0.09121379791758955"},"directories":{}},"4.0.0-alpha.4":{"name":"@avalanche/utility-visibility","description":"Classes to hide content with accessibility in mind","keywords":["avalanche-package","avalanche","sass"],"version":"4.0.0-alpha.4","author":{"name":"Markus Oberlehner"},"homepage":"https://avalanche.oberlehner.net/","license":"MIT","repository":{"type":"git","url":"https://github.com/avalanchesass/avalanche/tree/master/packages/utility-visibility"},"bugs":{"url":"https://github.com/avalanchesass/avalanche/issues"},"main":"scss/index.scss","engines":{"npm":">=3.0.0"},"_id":"@avalanche/utility-visibility@4.0.0-alpha.4","dist":{"shasum":"3aa4c39eb85c4fc9abb6f8ec5e04b69739a5fe67","tarball":"https://registry.npmjs.org/@avalanche/utility-visibility/-/utility-visibility-4.0.0-alpha.4.tgz","fileCount":6,"unpackedSize":3767,"integrity":"sha512-3dCJIohTfvpt9fl4slW7isFSJ/twHyRnerckSY8Ua+lIktFuXqu9/brk5HTAzehOOdHqr25AwRu0yk/sFxcpyg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFzLVT/L62l7kX8qtb4h8BfVvlSUWGn+U2qwwpr10gbsAiEAoOSVbF9OfCqfTLAf/gx+GArinpm7JTSKMaAil8nMFFc="}]},"maintainers":[{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"},{"name":"maoberlehner","email":"markus.oberlehner@gmail.com"}],"_npmUser":{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/utility-visibility_4.0.0-alpha.4_1532063595535_0.5140836110241236"},"_hasShrinkwrap":false}},"readme":"# @avalanche/utility-visibility\nClasses to hide content with accessibility in mind.\n\n- [Documentation](https://avalanche.oberlehner.net/documentation/#utility: visibility)\n\n## Install\n```bash\nnpm install @avalanche/utility-visibility --save-dev\n```\n\n## Basic usage\n```scss\n// Import the main file.\n@import 'node_modules/@avalanche/utility-visibility/scss/index.scss';\n```\n\n## Usage with [node-sass-magic-importer](https://github.com/maoberlehner/node-sass-magic-importer)\nUsing [node-sass](https://github.com/sass/node-sass) (or a plugin for Grunt, gulp or webpack which is using node-sass) in combination with the [node-sass-magic-importer](https://github.com/maoberlehner/node-sass-magic-importer) custom importer, can make importing CSS dependencies from `node_modules` a much nicer experience.\n\n```scss\n// Import the main file.\n@import '~@avalanche/utility-visibility';\n\n// Import just the classes you need.\n@import '{ .u-visibility-hidden } from ~@avalanche/utility-visibility';\n\n// Not a fan of the \"u-\" prefix?\n@import '{ .u-visibility-hidden as .visibility-hidden } from ~@avalanche/utility-visibility';\n```\n\n## Demo\n```html\n
Hide from both screenreaders and browsers.
\n
Hide only visually, but have it available for screenreaders.
\n
Hide visually and from screenreaders, but maintain layout.
\n```\n\n## Mixins\n```scss\n@import 'node_modules/@avalanche/utility-visibility/scss/mixins';\n\n// Usage.\n.visibility-hidden {\n @include u-visibility-hidden();\n}\n```\n\n## About\n### Author\nMarkus Oberlehner \nWebsite: https://markus.oberlehner.net \nTwitter: https://twitter.com/MaOberlehner \nPayPal.me: https://paypal.me/maoberlehner\n\n### License\nMIT\n","maintainers":[{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"},{"name":"maoberlehner","email":"markus.oberlehner@gmail.com"}],"time":{"modified":"2022-06-12T14:53:02.529Z","created":"2016-12-27T17:35:39.102Z","4.0.0-alpha.1":"2016-12-27T17:35:39.102Z","4.0.0-alpha.2":"2017-06-22T17:22:32.512Z","4.0.0-alpha.3":"2017-08-01T13:52:16.628Z","4.0.0-alpha.4":"2018-07-20T05:13:15.588Z"},"homepage":"https://avalanche.oberlehner.net/","keywords":["avalanche-package","avalanche","sass"],"repository":{"type":"git","url":"https://github.com/avalanchesass/avalanche/tree/master/packages/utility-visibility"},"author":{"name":"Markus Oberlehner"},"bugs":{"url":"https://github.com/avalanchesass/avalanche/issues"},"license":"MIT","readmeFilename":"README.md"}