{"_id":"@divyagnan/rn-style-utils","_rev":"3-1f00b79618052bad243c3e023c319161","name":"@divyagnan/rn-style-utils","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@divyagnan/rn-style-utils","version":"0.1.0","description":"Utils to help you quickly prototype a react native app","main":"lib/index.js","files":["lib"],"license":"MIT","author":{"name":"Divyagnan","email":"divyagnan@users.noreply.github.com"},"repository":{"type":"git","url":"https://github.com/divyagnan/rn-style-utils.git"},"scripts":{"build":"rm -rf lib && babel src -d lib","release":"npm run build && np"},"devDependencies":{"babel-cli":"^6.26.0","babel-plugin-codegen":"^1.2.1","babel-preset-env":"^1.6.1","np":"^2.20.1"},"peerDependencies":{"react-native":"*"},"_id":"@divyagnan/rn-style-utils@0.1.0","dist":{"shasum":"fa4ea993f3f9b7b74268d288748b26e907dc1e89","tarball":"https://registry.npmjs.org/@divyagnan/rn-style-utils/-/rn-style-utils-0.1.0.tgz","fileCount":5,"unpackedSize":49915,"integrity":"sha512-oz9GN2BkmtwP2C5swSisoU3/B/P4bi+iFf5hCE/iVGe/OJt/gvub2jm7AD7Hu7JIsCevCzv/bBGCH3nm2lHalA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgKGtK8cG+TRKwd6vSNDfdTPlpwYL82TZ+yd3ooLJmtAIhAM4nwHVQ7wnsf+sPlA/JNqyQXpLq1ak5j/nExHGEZihR"}]},"maintainers":[{"name":"divyagnan","email":"divyagnan@kanda.la"}],"_npmUser":{"name":"divyagnan","email":"divyagnan@kanda.la"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rn-style-utils_0.1.0_1521044023524_0.7712199009176661"},"_hasShrinkwrap":false}},"time":{"created":"2018-03-14T16:13:43.524Z","0.1.0":"2018-03-14T16:13:43.615Z","modified":"2022-06-12T17:06:05.595Z"},"maintainers":[{"name":"divyagnan","email":"divyagnan@kanda.la"}],"description":"Utils to help you quickly prototype a react native app","repository":{"type":"git","url":"https://github.com/divyagnan/rn-style-utils.git"},"author":{"name":"Divyagnan","email":"divyagnan@users.noreply.github.com"},"license":"MIT","readme":"# @divyagnan/rn-style-utils\n\n> Simple style helpers to make react native prototyping easier\n\n## Example Usage\n\n```jsx\n// import the helpers that you want\nimport { m1, mb78, p50, pt56 } from \"@divyagnan/rn-style-utils\";\n\n// use the helpers\n// you can use the helpers directly\n<Text style={m1}>This text will have a margin of 1</Text>;\n<Text style={[mb78, pt56]}>\n  This text will have a marginBottom of 78 and a paddingTop of 56\n</Text>;\n\n// or you can use them with StyleSheet\nconst styles = StyleSheet.create({\n  coolNewStyle: {\n    // this style will have a padding of 50\n    ...p50\n  }\n});\n```\n\n## Available Helpers\n\nThis library exports the following helpers:\n\n#### Margin\n\n* `m[1-100]`- used to apply a `margin` between 1 and 100\n  * ex: `m5` sets a margin of 5\n* `mt[1-100]`- used to apply a `marginTop` between 1 and 100\n  * ex: `mt22` sets a marginTop of 22\n* `mb[1-100]`- used to apply a `marginBottom` between 1 and 100\n  * ex: `mb88` sets a marginBottom of 88\n* `mr[1-100]`- used to apply a `marginRight` between 1 and 100\n  * ex: `mr2` sets a marginRight of 2\n* `ml[1-100]`- used to apply a `marginLeft` between 1 and 100\n  * ex: `ml12` sets a marginLeft of 12\n\n#### Padding\n\n* `p[1-100]`- used to apply a `padding` between 1 and 100\n  * ex: `p5` sets a padding of 5\n* `pt[1-100]`- used to apply a `paddingTop` between 1 and 100\n  * ex: `pt22` sets a paddingTop of 22\n* `pb[1-100]`- used to apply a `paddingBottom` between 1 and 100\n  * ex: `pb88` sets a paddingBottom of 88\n* `pr[1-100]`- used to apply a `paddingRight` between 1 and 100\n  * ex: `pr2` sets a paddingRight of 2\n* `pl[1-100]`- used to apply a `paddingLeft` between 1 and 100\n  * ex: `pl12` sets a paddingLeft of 12\n","readmeFilename":"README.md"}