{"_id":"@curiousmedia/safe-area","_rev":"1-a8994b4b9d47f2c0aa49badf999a8661","name":"@curiousmedia/safe-area","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@curiousmedia/safe-area","version":"1.0.0","description":"Safe area SCSS mixins for \"notch\" support.","main":"_safe-area.scss","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"Jason Lavorante"},"license":"MIT","dependencies":{"node-sass":"^4.13.0"},"gitHead":"8702ce36a0707b08e44617ce3d2ed55616417c9d","_id":"@curiousmedia/safe-area@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"curiousjason","email":"support@curiousmedia.com"},"dist":{"integrity":"sha512-Zv1Qu0gsYVLp07EqUM3lU7YW9//TVrTtPLPB1hvrC/rxupWMi42IcCKRdUwWuszctK6pbMhFOTJzZ5GwQjCtTQ==","shasum":"7321f9093092511b0fdd06060ad7634a4ed735fc","tarball":"https://registry.npmjs.org/@curiousmedia/safe-area/-/safe-area-1.0.0.tgz","fileCount":10,"unpackedSize":6296,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJduw+HCRA9TVsSAnZWagAABnUP/1WCyX3s3RBp24iGJw1q\npP7Bibqhq9lsgSKnUB3mb9EkbH9vp9Y1ctXZKPIx+lL5vy73kQ81DtQCH3g8\ncRvebvsbL3Bqgje9LBvzDFnm5VmOrDYVrzySaklyOszM+6/w/BM8YauKsE8K\ntzkH/oiHbdk131So2GYNE4RLAlMI0/XTzdwd70ffVaVUnmtdpW/rWt5eBlFx\nnr7pAocbvRm+2CEY6CWwQ9Ie8IwYM+9ZR6wkB1h2//NjuAfSzu0tq+gBTLO0\nFE0JG+4u7e9YgVY2g4GE1z6eJ2yu/o9Owae08vA+4dQKCMaGkgGxHTfkzirS\nN3zwm5S5XHjm3x/3bqnT4oLyY/JkPUCF5pswsHb0eFmU0ZFa9dowm+jgWtZX\nlgop22gy/G8h9scfCDU/hmp/vq3t0dPZLHm74SmRxuuM7mRIShj3mYdCCnpL\nPZG2bYLf4/Hml6mD47GHEhQSfhHhmn0vIZD/Ejh/fTKiKFpxGaT0l9zJLdXD\ntwLr/NIobV0zc/jFSts3i5SHfBfEOAjQ/pYzDpcDHdH94HQgjgcZrp0qtFaQ\nWohEwaRUiCtDeN1TjYm5rJUh01orALP0G95k9CKlpb13mLuV/63sQ3oMyDh4\n0mFb1GJ5HgYATHGBr7LT/h9SKCU0AWgK46vCBTcZxi8r11q0/JujC/4Ixa9X\n63MD\r\n=zYea\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICUB2MdyzBcx2H4wH68W49nAQVWNz3uwJ5T8VruJHLnOAiBWJOBZDiOVaA8mjniAzYfmHJz5AmzWP9KI/UExU41J4Q=="}]},"maintainers":[{"name":"ishoa","email":"shane@curiousmedia.com"},{"name":"cm-gregory","email":"gregory@curiousmedia.com"},{"name":"kyfoote","email":"kyfoote@gmail.com"},{"name":"curiousjason","email":"support@curiousmedia.com"},{"name":"eaglstun","email":"postpostmodern@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/safe-area_1.0.0_1572540295026_0.5531713190343155"},"_hasShrinkwrap":false}},"time":{"created":"2019-10-31T16:44:54.876Z","1.0.0":"2019-10-31T16:44:55.286Z","modified":"2022-04-05T02:19:17.559Z"},"maintainers":[{"name":"ishoa","email":"shane@curiousmedia.com"},{"name":"cm-gregory","email":"gregory@curiousmedia.com"},{"name":"kyfoote","email":"kyfoote@gmail.com"},{"name":"curiousjason","email":"support@curiousmedia.com"},{"name":"eaglstun","email":"postpostmodern@gmail.com"}],"description":"Safe area SCSS mixins for \"notch\" support.","author":{"name":"Jason Lavorante"},"license":"MIT","readme":"# Safe-area\nSafe area SCSS mixins for \"notch\" support.\n\n## Example\n\n### HTML\nTo enable notch support on a webpage, set the `viewport-fit` property to `cover`.\n\n```HTML\n<meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover, width=device-width\">\n```\n\n### Basic usage\n```scss\ndiv {\n  @include safe-area('padding-left', 'left');\n  @include safe-area('padding-right', 'right');\n}\n```\n\n### Defaults\nIn development, it can be useful to fake a safe-area. A `$safe-area-defaults` map can be set.\n```scss\n$safe-area-defaults: (left: 40px, right: 20px);\n\ndiv {\n  @include safe-area('padding-left', 'left'); //40 px\n  @include safe-area('padding-right', 'right'); //20px\n}\n```","readmeFilename":"readme.md"}