{"_id":"@avalanche/object-aspect-ratio","_rev":"10-189c54844426073f9baebea9822f8db4","name":"@avalanche/object-aspect-ratio","description":"Maintain aspect ratio","dist-tags":{"latest":"4.0.0-alpha.7"},"versions":{"4.0.0-alpha.2":{"name":"@avalanche/object-aspect-ratio","description":"Maintain aspect ratio","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/object-aspect-ratio"},"bugs":{"url":"https://github.com/avalanchesass/avalanche/issues"},"main":"scss/index.scss","_id":"@avalanche/object-aspect-ratio@4.0.0-alpha.2","scripts":{},"_shasum":"ee1a9b68f338adc07e43ff1645afd03095cbef87","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.1.0","_npmUser":{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"},"dist":{"shasum":"ee1a9b68f338adc07e43ff1645afd03095cbef87","tarball":"https://registry.npmjs.org/@avalanche/object-aspect-ratio/-/object-aspect-ratio-4.0.0-alpha.2.tgz","integrity":"sha512-J7OfLWcvhmN4kVQsjnCvVuIh5395PsJqqM8vIHsKq3yTFsGgLPVlwIY0qlwDaME4DZB/YTVHVXz2HfogBuxgwg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDR0LSewkgArCB50EebkKz3SvTOTUOaKAiuQBxCAp68AwIgFv6c2iEMNWa8aiUU7B7qGqkYOFoaSPn1nCPOzsXyIRw="}]},"maintainers":[{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/object-aspect-ratio-4.0.0-alpha.2.tgz_1482859775696_0.2560508993919939"},"directories":{}},"4.0.0-alpha.3":{"name":"@avalanche/object-aspect-ratio","description":"Maintain aspect ratio","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/object-aspect-ratio"},"bugs":{"url":"https://github.com/avalanchesass/avalanche/issues"},"main":"scss/index.scss","_id":"@avalanche/object-aspect-ratio@4.0.0-alpha.3","_npmVersion":"5.0.3","_nodeVersion":"7.1.0","_npmUser":{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"},"dist":{"integrity":"sha512-kbd1biJ9xixow+aYg1lmIheDO56ZOc5YGnmuE6KjVg/se6Twyewv8eJ7YEqITT68mxkY8nqjqx1iO7UKAQ7H2Q==","shasum":"35a8fc534a628bc19b7603a49ac89b7866ed4aad","tarball":"https://registry.npmjs.org/@avalanche/object-aspect-ratio/-/object-aspect-ratio-4.0.0-alpha.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBPeGOYoyq+KVI5YopTik6tix1FeyFVOnUipzC/oTL66AiBCUyS2GoBOOMVrhaPJav3VpZ1Vx8F07QlLUHOOHBWS0Q=="}]},"maintainers":[{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/object-aspect-ratio-4.0.0-alpha.3.tgz_1498152143291_0.18894353159703314"},"directories":{}},"4.0.0-alpha.4":{"name":"@avalanche/object-aspect-ratio","description":"Maintain aspect ratio","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/object-aspect-ratio"},"bugs":{"url":"https://github.com/avalanchesass/avalanche/issues"},"main":"scss/index.scss","engines":{"npm":">=3.0.0"},"_id":"@avalanche/object-aspect-ratio@4.0.0-alpha.4","_npmVersion":"5.3.0","_nodeVersion":"8.1.4","_npmUser":{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"},"dist":{"integrity":"sha512-oz9Q3pDS1kbP0z5pv5nQlt5lhEw+ZuCGqv7/4R6FOytk2l9B/cniDmWmlFdCwNIXnOOoofSIP5+Yz6iwdL1T8w==","shasum":"760b37b70c5564d73cac26322fda5d8b4d8755b3","tarball":"https://registry.npmjs.org/@avalanche/object-aspect-ratio/-/object-aspect-ratio-4.0.0-alpha.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCj4Y613jFOfJkzcgvZIVIJvOK0ZOqyZPxCVGaTpqu9SgIhAOqkWph9BvyQUW95Mn9PrCWfr5ggIbYbHZVzpJW3BSsU"}]},"maintainers":[{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"},{"name":"maoberlehner","email":"markus.oberlehner@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/object-aspect-ratio-4.0.0-alpha.4.tgz_1501595524420_0.5194267218466848"},"directories":{}},"4.0.0-alpha.5":{"name":"@avalanche/object-aspect-ratio","description":"Maintain aspect ratio","keywords":["avalanche-package","avalanche","sass"],"version":"4.0.0-alpha.5","author":{"name":"Markus Oberlehner"},"homepage":"https://avalanche.oberlehner.net/","license":"MIT","repository":{"type":"git","url":"https://github.com/avalanchesass/avalanche/tree/master/packages/object-aspect-ratio"},"bugs":{"url":"https://github.com/avalanchesass/avalanche/issues"},"main":"scss/index.scss","engines":{"npm":">=3.0.0"},"_id":"@avalanche/object-aspect-ratio@4.0.0-alpha.5","dist":{"shasum":"57681e2282d806b3e1371bb6511e5cca0c842687","tarball":"https://registry.npmjs.org/@avalanche/object-aspect-ratio/-/object-aspect-ratio-4.0.0-alpha.5.tgz","fileCount":7,"unpackedSize":4842,"integrity":"sha512-kwWjvz1udENvYYdI4tzamWVZRyZ5A0NPhMOoowfq2+lDUPEAzPF3PPcQDDg5JtCtf0uGN4K4PwBlPdF+zd3fLg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC24EkIkpbR16MyxO8pq1h4NlGElav20Bgpq2JGiByX5QIgT1BXzXtPFc6d1kkcKEE/S2GJTTQ4ZT2mOefjdjOvAI4="}]},"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/object-aspect-ratio_4.0.0-alpha.5_1532063589909_0.19132261359069647"},"_hasShrinkwrap":false},"4.0.0-alpha.6":{"name":"@avalanche/object-aspect-ratio","description":"Maintain aspect ratio","keywords":["avalanche-package","avalanche","sass"],"version":"4.0.0-alpha.6","author":{"name":"Markus Oberlehner"},"homepage":"https://avalanche.oberlehner.net/","license":"MIT","repository":{"type":"git","url":"https://github.com/avalanchesass/avalanche/tree/master/packages/object-aspect-ratio"},"bugs":{"url":"https://github.com/avalanchesass/avalanche/issues"},"main":"scss/index.scss","engines":{"npm":">=3.0.0"},"gitHead":"d93bec58bcbbcfc29a848cad58052f9c3a2397ae","_id":"@avalanche/object-aspect-ratio@4.0.0-alpha.6","_nodeVersion":"10.9.0","_npmVersion":"lerna/3.10.7/node@v10.9.0+x64 (darwin)","dist":{"integrity":"sha512-tb/lw3o7NQ2ibOEonyr4Oa3RxMNwsykLJVY5wK+YABqR0+L5vGBwT3fSqPji4hjHnNFLAeQHtW3L9a9z/sf5uQ==","shasum":"bf886f66a195c8b14875e48809d21eb0d13ebf36","tarball":"https://registry.npmjs.org/@avalanche/object-aspect-ratio/-/object-aspect-ratio-4.0.0-alpha.6.tgz","fileCount":6,"unpackedSize":5983,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcUsm9CRA9TVsSAnZWagAAPREP/Ays9roZ0vq6uvX+ohGU\n3x81qVaPK/SJ1o1XYk31zh0HA1FbHID7qSCtY3vPUSvY+iY4G4IqeWLw+Nne\nxsRh7toxSfseqsTKNBMUD00xqHZvd4ANWfrDQoMquP5fNHp9BHLp5+UOXeIu\ng84yDdai5O+jRrdTDuPcqRS1Wc4L50cIefvQbrhP3nhknFWfft6meovIFC5q\nuEoSZyKN+ZFh8u867RqTGKhZm12dEHVURkKIeM9FxHggLYlrTK9bBRdhX8LU\nCxwlnElvwWTYDqOzWuxXDT4Sx0SwaNHBHSrxMwbB4Y0Ct7odtOGcvylX9i5r\nWEmXlwFxuGV9/BnJWA2PNkKSeMAbO093aa1qPicWLgqPJqaKSmbNiIcN13TS\n10iFrmS/Tb4xlgCs5gbH3Br9/aGpLeb1NT00xAFFvvOfUUY/Vjlw9MOv9l/Y\nR2D+ggwzIuO7VVDLZturk6o0EWP/udsUyaq8RyF7yLrnkmgsC8lJgKIGolpk\nlupH3cVa+RHhAPHZJbiDayMfBWwkpgT7umQsui99oD6dHWU6rQkaPK64+vej\n6ghQGtLRnL4NC0lssGSurb9ZQmTZTBpT7powYfqu1W5ujzNWsSmhWmcjLLPz\nt7ic2vwQqO1ydWkDCuFyI+ikjrTraMr7OzHF6CySZHOQOfoCEqG/b+jv/5Xf\nQnHL\r\n=jPLe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmg3Hoq3nkSGmrE6pp6nA6HwR2+3fTEqg2mlw2p/etkgIhANFJfhmn4oIKgqCpuHpdde0UclKogVZFsuPeUis36K8C"}]},"maintainers":[{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"},{"name":"maoberlehner","email":"markus.oberlehner@gmail.com"}],"_npmUser":{"name":"maoberlehner","email":"markus.oberlehner@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/object-aspect-ratio_4.0.0-alpha.6_1548929468913_0.9979808917870967"},"_hasShrinkwrap":false},"4.0.0-alpha.7":{"name":"@avalanche/object-aspect-ratio","description":"Maintain aspect ratio","keywords":["avalanche-package","avalanche","sass"],"version":"4.0.0-alpha.7","author":{"name":"Markus Oberlehner"},"homepage":"https://avalanche.oberlehner.net/","license":"MIT","repository":{"type":"git","url":"https://github.com/avalanchesass/avalanche/tree/master/packages/object-aspect-ratio"},"bugs":{"url":"https://github.com/avalanchesass/avalanche/issues"},"main":"scss/index.scss","engines":{"npm":">=3.0.0"},"gitHead":"a5b82da17f18147bf937ab0a06da920e6585716e","_id":"@avalanche/object-aspect-ratio@4.0.0-alpha.7","_nodeVersion":"10.15.3","_npmVersion":"lerna/3.15.0/node@v10.15.3+x64 (darwin)","dist":{"integrity":"sha512-pahmaU/Cfd6DFRa8KprH+FDXsIK0SbjaJST+HKSBoTztyKkYkEwJcgGJfG5XJc5nKvRpnYpaqAj8BmUz6XKY6A==","shasum":"fe5ca9f57557fccc217f1d90d4e61e8ab5079ca1","tarball":"https://registry.npmjs.org/@avalanche/object-aspect-ratio/-/object-aspect-ratio-4.0.0-alpha.7.tgz","fileCount":6,"unpackedSize":5983,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdFttKCRA9TVsSAnZWagAAM2kQAJ/OgwDm6RAnlY7aNamb\nGq3SSB/FxkFKvWqV3GT3mnujE8KsXwkDeXo+GSoiffAz4tW5kpMKRpiC8+UL\nxQW0NaIGfY+rl8baJT7tcxu0kF40l1jdcujZkcNQke68FrzVy8OxrLnIlbkV\nnB7Q03i5aWBDLM/R1uQwQxYVppif2COngrqFfzQ4jdqCSZkFcT0iBjRCcbD3\nBn1N1QggEzPQ4T67aKj28g2zbgua1/L0G9Qx8DLBDHWBj60piTcIxKAK21y2\nKMDy5egk4G1RxNo4G00mAsFjPrz6AKleuOvZ7d1CKd/cyqV3ggn84Fm0GlBb\nh9l4BfFDslB4Z/3PYWxkgFHQBGsERy0pwKrK4rVXAtuKLlRRQ+8sP3dOGpfP\nnWBFlbkrh86n4Z0phHH4IwveuGJ/sNsAxluw8DCFsDoAN+qUjt9Ux9JmvdeN\niOT7HwZgNJDiZdV7qdNwzoPMAkZkp+wUMjzx5EZTG4CPc2S9AlKrwSMszdxT\nzgzktRg6BMIhCZ2SGrTIfsPGtex8leCG75a1MX9t8OiIGimXtmO/LwJxtA0F\noS/D3EgvsWDiFyZgQ7LcC4MLpaN40hAy+2tmQ3mX+nSrPUkalK4cexp3Fg+h\n1XpsCvINidi3y/gdgoXFN66bb5mqODIsuBOrOF5HX/KP+7oKZogxnnt7DxTq\nDRrx\r\n=o+N0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGfJPCSc2vL2UqsyEdqJbJM/NgbLjV4EmHUcjYX5cJhEAiB9bWKfO7ROWLUlysY2PMIOv+NUAAy6otL9Tu+LLuFbpA=="}]},"maintainers":[{"name":"avalanche","email":"markus.oberlehner+avalanche@gmail.com"},{"name":"maoberlehner","email":"markus.oberlehner@gmail.com"}],"_npmUser":{"name":"maoberlehner","email":"markus.oberlehner@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/object-aspect-ratio_4.0.0-alpha.7_1561779017669_0.10016100816205142"},"_hasShrinkwrap":false}},"readme":"# @avalanche/object-aspect-ratio\nMaintain aspect ratio.\n\n- [Documentation](https://avalanche.oberlehner.net/documentation/#object: aspect-ratio)\n\n## Install\n```bash\nnpm install @avalanche/object-aspect-ratio --save-dev\n```\n\n## Basic usage\n```scss\n// Import the main file.\n@import 'node_modules/@avalanche/object-aspect-ratio/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/object-aspect-ratio';\n\n// Import just the classes you need.\n@import '{ .o-aspect-ratio, .o-aspect-ratio--4/3, .o-aspect-ratio__inner } from ~@avalanche/object-aspect-ratio';\n\n// Not a fan of the \"o-\" prefix?\n@import '{ .o-aspect-ratio as .aspect-ratio, .o-aspect-ratio__inner as .aspect-ratio__inner } from ~@avalanche/object-aspect-ratio';\n```\n\n## Demo\n```html\n<div class=\"o-aspect-ratio\">\n  <div class=\"o-aspect-ratio__inner\">\n    Default (16/9)\n  </div>\n</div>\n```\n\n### Ratios\n```html\n<div class=\"o-aspect-ratio o-aspect-ratio--4/3\">\n  <div class=\"o-aspect-ratio__inner\">\n    4/3\n  </div>\n</div>\n<div class=\"o-aspect-ratio o-aspect-ratio--16/9\">\n  <div class=\"o-aspect-ratio__inner\">\n    16/9\n  </div>\n</div>\n<div class=\"o-aspect-ratio o-aspect-ratio--21/9\">\n  <div class=\"o-aspect-ratio__inner\">\n    21/9\n  </div>\n</div>\n```\n\n## Mixins\n```scss\n@import 'node_modules/@avalanche/object-aspect-ratio/scss/mixins';\n\n// Usage.\n.aspect-ratio {\n  @include o-aspect-ratio(16, 9, '.aspect-ratio__inner');\n}\n```\n\n## Settings\nModify the default aspect ratio via the `$o-aspect-ratio-default` map variable.\n\n```scss\n/// Container max widths.\n/// @type Map\n$o-aspect-ratio-default: (\n  width: 16,\n  height: 9,\n) !default;\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:52:59.241Z","created":"2016-12-27T17:29:37.613Z","4.0.0-alpha.2":"2016-12-27T17:29:37.613Z","4.0.0-alpha.3":"2017-06-22T17:22:24.186Z","4.0.0-alpha.4":"2017-08-01T13:52:05.397Z","4.0.0-alpha.5":"2018-07-20T05:13:10.012Z","4.0.0-alpha.6":"2019-01-31T10:11:09.021Z","4.0.0-alpha.7":"2019-06-29T03:30:17.829Z"},"homepage":"https://avalanche.oberlehner.net/","keywords":["avalanche-package","avalanche","sass"],"repository":{"type":"git","url":"https://github.com/avalanchesass/avalanche/tree/master/packages/object-aspect-ratio"},"author":{"name":"Markus Oberlehner"},"bugs":{"url":"https://github.com/avalanchesass/avalanche/issues"},"license":"MIT","readmeFilename":"README.md"}