{"_id":"seed-props","_rev":"8-80d5e9554b0c9cbfbfa7b564daf38cb4","name":"seed-props","description":"Props mixin pack for Seed","dist-tags":{"latest":"0.3.1"},"versions":{"0.0.1":{"name":"seed-props","version":"0.0.1","description":"Props mixin pack for Seed","main":"index.js","homepage":"https://github.com/helpscout/seed-props","scripts":{"banner":"node ./scripts/banner.js","build":"npm run build:main && npm run build:min && npm run banner","build:main":"node-sass scss/pack/_seed-props.scss dist/seed-props.css","build:min":"node-sass scss/pack/_seed-props.scss dist/seed-props.min.css --output-style compressed","test":"node ./scripts/test.js && npm run build"},"repository":{"type":"git","url":"git+https://github.com/helpscout/seed-props.git"},"authors":["ItsJonQ "],"keywords":["bem","callback","content","css","design","functional","itcss","modular","oocss","performance","props","seed","seed-pack","scss"],"license":"MIT","bugs":{"url":"https://github.com/helpscout/seed-props/issues"},"engines":{"node":">=0.10.1"},"devDependencies":{"node-sass":"^3.8.0"},"gitHead":"9ac14082b9f6d8235feee4cf9645690072413846","_id":"seed-props@0.0.1","_shasum":"e97b5ffeccc897d232084e6f7b6ad8daad728ad3","_from":".","_npmVersion":"3.9.6","_nodeVersion":"5.0.0","_npmUser":{"name":"itsjonq","email":"itsjonq@gmail.com"},"dist":{"shasum":"e97b5ffeccc897d232084e6f7b6ad8daad728ad3","tarball":"https://registry.npmjs.org/seed-props/-/seed-props-0.0.1.tgz","integrity":"sha512-uWig9G79BYrxn3so+xfiRw4OfpeE1/GEMAAVpPiUqvxLgMRWKE0sknk9agxDDHUc0SXx1plgxNJKl34XXzDrGg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGVanwrkEd0SlJhxtlYD8jpKUSF5f5CwX/u18sK7doYGAiAf6EmHryj1ik2IgYQrwtSfxAP7JK71mkDWS/WJRzaZHw=="}]},"maintainers":[{"name":"itsjonq","email":"itsjonq@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/seed-props-0.0.1.tgz_1467921840330_0.2850271272473037"}},"0.0.2":{"name":"seed-props","version":"0.0.2","description":"Props mixin pack for Seed","main":"index.js","homepage":"https://github.com/helpscout/seed-props","scripts":{"banner":"node ./scripts/banner.js","build":"npm run build:main && npm run build:min && npm run banner","build:main":"node-sass scss/pack/_seed-props.scss dist/seed-props.css","build:min":"node-sass scss/pack/_seed-props.scss dist/seed-props.min.css --output-style compressed","test":"node ./scripts/test.js && npm run build"},"repository":{"type":"git","url":"git+https://github.com/helpscout/seed-props.git"},"authors":["ItsJonQ "],"keywords":["bem","callback","content","css","design","functional","itcss","modular","oocss","performance","props","seed","seed-pack","scss"],"license":"MIT","bugs":{"url":"https://github.com/helpscout/seed-props/issues"},"engines":{"node":">=0.10.1"},"devDependencies":{"node-sass":"^3.8.0"},"gitHead":"292c85f80f6af05a610e43dd6ac4749436b43d20","_id":"seed-props@0.0.2","_shasum":"dcbb5f44d5304dfc5dba966a55fcc5439c291bb6","_from":".","_npmVersion":"3.9.6","_nodeVersion":"5.0.0","_npmUser":{"name":"itsjonq","email":"itsjonq@gmail.com"},"dist":{"shasum":"dcbb5f44d5304dfc5dba966a55fcc5439c291bb6","tarball":"https://registry.npmjs.org/seed-props/-/seed-props-0.0.2.tgz","integrity":"sha512-w6uNBtaKP2JBDU/Rjr5H9NdQzNs5DK9c8HAXZYdXU+DkFD9TGEdv1+WNS/2r44UK++Wxwd2YE6fCptOkNTIouw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF5aAfQOGRNCMgMbqylU50iqzFzCrqERZblaXeaMwjXPAiEA87OjVbRPnxfNDorrvAxernHW1tpkJ098p7uleG5HzJw="}]},"maintainers":[{"name":"itsjonq","email":"itsjonq@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/seed-props-0.0.2.tgz_1467924889492_0.9692254646215588"}},"0.0.3":{"name":"seed-props","version":"0.0.3","description":"Props mixin pack for Seed","main":"index.js","homepage":"https://github.com/helpscout/seed-props","scripts":{"banner":"node ./scripts/banner.js","build":"npm run build:main && npm run build:min && npm run banner","build:main":"node-sass scss/pack/_seed-props.scss dist/seed-props.css","build:min":"node-sass scss/pack/_seed-props.scss dist/seed-props.min.css --output-style compressed","test":"node ./scripts/test.js && npm run build"},"repository":{"type":"git","url":"git+https://github.com/helpscout/seed-props.git"},"authors":["ItsJonQ "],"keywords":["bem","callback","content","css","design","functional","itcss","modular","oocss","performance","props","seed","seed-pack","scss"],"license":"MIT","bugs":{"url":"https://github.com/helpscout/seed-props/issues"},"engines":{"node":">=4"},"devDependencies":{"node-sass":"^3.8.0"},"gitHead":"6dd1c826f348afe740fbcc1709df20c2fdde6aaf","_id":"seed-props@0.0.3","_shasum":"f9a0714ecc775aa5a7ba587742eaf92568d9b4cc","_from":".","_npmVersion":"2.15.8","_nodeVersion":"4.4.7","_npmUser":{"name":"itsjonq","email":"itsjonq@gmail.com"},"dist":{"shasum":"f9a0714ecc775aa5a7ba587742eaf92568d9b4cc","tarball":"https://registry.npmjs.org/seed-props/-/seed-props-0.0.3.tgz","integrity":"sha512-4HndIViDmWVjo12GGlcZxyTptTqHAcEU1oWTSEOac2TuxAJLu9AP8HwwcvXAOvAAsAsFvM1fYg7xY0j5ABYpbw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGnGpPX7YZGANc0cqWywqTP2ywsJkZkhBVMTXwNhoFGoAiEAxvO7ZLSQ/CGRKyyv8gitCvCzdNW120XSncbtCko+kc8="}]},"maintainers":[{"name":"itsjonq","email":"itsjonq@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/seed-props-0.0.3.tgz_1467989321843_0.7054268901702017"}},"0.1.0":{"name":"seed-props","version":"0.1.0","description":"Props mixin pack for Seed","main":"index.js","homepage":"https://github.com/helpscout/seed-props","scripts":{"banner":"node ./scripts/banner.js","build":"npm run build:main && npm run banner","build:main":"node ./scripts/build.js","test":"node ./scripts/test.js && npm run build"},"repository":{"type":"git","url":"git+https://github.com/helpscout/seed-props.git"},"authors":["ItsJonQ "],"keywords":["bem","callback","content","css","design","functional","itcss","modular","oocss","performance","props","seed","seed-pack","scss"],"license":"MIT","bugs":{"url":"https://github.com/helpscout/seed-props/issues"},"engines":{"node":">=4"},"devDependencies":{"mkdirp":"^0.5.1","node-sass":"^3.8.0"},"gitHead":"a8f68ba1c0b4ffda20b27dde38f3e3b6a2bed8b3","_id":"seed-props@0.1.0","_shasum":"e337f5f889c1cecc2ba0248ca1057c44fa552c9a","_from":".","_npmVersion":"2.15.8","_nodeVersion":"4.4.7","_npmUser":{"name":"itsjonq","email":"itsjonq@gmail.com"},"dist":{"shasum":"e337f5f889c1cecc2ba0248ca1057c44fa552c9a","tarball":"https://registry.npmjs.org/seed-props/-/seed-props-0.1.0.tgz","integrity":"sha512-uoXkWD1UqdoS2DXB6TSGxIA+ScseU8d7glECiMCctGoB1DbuSt7gU0DqXJvN076AoRUXwRauxU1p1GOI1LJo1A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDAKJXcI6dM/tPh999/GpmBOXMQzLp7CE4OmgyWhwI8QQIhAOqXKyQ8H6zdclxIPXGJzoIWreTu8SrZovn0+kWonOl7"}]},"maintainers":[{"name":"itsjonq","email":"itsjonq@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/seed-props-0.1.0.tgz_1468429598539_0.4883376443758607"}},"0.3.0":{"name":"seed-props","version":"0.3.0","description":"Props mixin pack for Seed","main":"index.js","homepage":"https://github.com/helpscout/seed-props","scripts":{"banner":"node ./scripts/banner.js","build":"npm run build:main && npm run banner","build:main":"node ./scripts/build.js","test":"node ./scripts/test.js && npm run build"},"repository":{"type":"git","url":"git+https://github.com/helpscout/seed-props.git"},"authors":["ItsJonQ "],"keywords":["bem","callback","content","css","design","functional","itcss","modular","oocss","performance","props","seed","seed-pack","scss"],"license":"MIT","bugs":{"url":"https://github.com/helpscout/seed-props/issues"},"engines":{"node":">=4"},"devDependencies":{"mkdirp":"^0.5.1","node-sass":"^3.8.0"},"gitHead":"d0cf4b060e21df5e432160db3a7282dfabdbdf12","_id":"seed-props@0.3.0","_shasum":"352f44ae43e64766bb5f8286fc3cde8054ded206","_from":".","_npmVersion":"2.15.8","_nodeVersion":"4.4.7","_npmUser":{"name":"itsjonq","email":"itsjonq@gmail.com"},"dist":{"shasum":"352f44ae43e64766bb5f8286fc3cde8054ded206","tarball":"https://registry.npmjs.org/seed-props/-/seed-props-0.3.0.tgz","integrity":"sha512-oiOa42W7H2s6rmz3/UNtyHcCQAcPFtMcOoZafJIzRUxSo85XoTi0Fo7gaNw19hXIA6l5C4/3WfuL1k7q4ccDwA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDvDMF6t5wL3IM+3xsHMWNX+ECCiai5Jk+f9PokWmJV5AiAjvuiOU43es30E4XFxwZ4BQTlX5FGwkTEqxi6vp86MNw=="}]},"maintainers":[{"name":"itsjonq","email":"itsjonq@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/seed-props-0.3.0.tgz_1468505096959_0.27885478362441063"}},"0.3.1":{"name":"seed-props","version":"0.3.1","description":"Props mixin pack for Seed","main":"index.js","homepage":"https://github.com/helpscout/seed-props","scripts":{"banner":"node ./scripts/banner.js","build":"npm run build:main && npm run banner","build:main":"node ./scripts/build.js","test:mocha":"mocha","test":"npm run test:mocha"},"repository":{"type":"git","url":"git+https://github.com/helpscout/seed-props.git"},"authors":["ItsJonQ "],"keywords":["bem","callback","content","css","design","functional","itcss","modular","oocss","performance","props","seed","seed-pack","scss"],"license":"MIT","bugs":{"url":"https://github.com/helpscout/seed-props/issues"},"engines":{"node":">=4"},"devDependencies":{"mkdirp":"^0.5.1","node-sass":"4.5.3","seed-bistro":"0.1.5"},"gitHead":"d2f4f544c86268f005128f4c634b95747e301056","_id":"seed-props@0.3.1","_shasum":"41949bfd29f80d1dd3d2761317213f115a7cfec1","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.10.0","_npmUser":{"name":"itsjonq","email":"itsjonq@gmail.com"},"dist":{"shasum":"41949bfd29f80d1dd3d2761317213f115a7cfec1","tarball":"https://registry.npmjs.org/seed-props/-/seed-props-0.3.1.tgz","integrity":"sha512-KoFI7QXRU6c85rQqCI83DHczdM4a4kSalyy5MrJ6/MATtUrqAmCPPrG0flnfjJZVSeAyTm9qR65Ylw3jkNdXsA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCmxxE1hERssy0KYRrdycqh3nxMB2eSp583k7JncpmQvgIgGtEMFsPGfzundaw+NkG7j6Q64myhagFcVKMjboBm7KU="}]},"maintainers":[{"name":"itsjonq","email":"itsjonq@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/seed-props-0.3.1.tgz_1495816362455_0.18259395216591656"}}},"readme":"# seed-props [![npm version](https://badge.fury.io/js/seed-props.svg)](https://badge.fury.io/js/seed-props)\nProps mixin pack for [Seed](https://github.com/helpscout/seed)!\n\n## Install\n```\nnpm install seed-props --save\n```\n\n\n## Documentation\n\nCheck out our **[documentation of this pack](http://developer.helpscout.net/seed/packs/seed-props/)**.\n\n\n## Basic Usage\n\n### SCSS\nThis seed pack needs to be imported into your sass pipeline. Below is an example using Gulp:\n\n\n```javascript\nvar gulp = require('gulp');\nvar sass = require('gulp-sass');\nvar pack = require('seed-props');\n\ngulp.task('sass', function () {\n return gulp.src('./sass/**/*.scss')\n .pipe(sass({\n includePaths: pack\n }))\n .pipe(gulp.dest('./css'));\n});\n```\n\nOnce that is setup, simply `@import` *seed-props* as needed in your `.scss` file:\n\n```sass\n// Packs\n@import \"pack/seed-props/_index\";\n```\n\n## Usage\n\n### prop-map\nThe `prop-map` mixin allows you to loop through a map and use arguments as variables in your styles (`@content`).\nYou have to use the `prop` function for your `@content` to utilize the argument defined in your `prop-map`.\n\n#### Simple\n```sass\n// Input (scss)\n$grid-columns: (\n 1: 10%,\n 2: 20%\n);\n\n.col- {\n @include prop-map($grid-columns, (width)) {\n width: prop(width);\n }\n}\n\n// Output (css)\n.col-1 {\n width: 10%; }\n\n.col-2 {\n width: 20%; }\n```\n\n#### Slightly trickier (aka. Awesome)\nYo dawg. I heard you like using maps within maps. `prop-map` will be able to handle that!\n\n```sass\n// Input (scss)\n$btn-states: (\n success: (\n background: green,\n border-color: green),\n danger: (\n background: red,\n border-color: red)\n);\n\n.btn {\n @include prop-map($btn-states, (background, border-color)) {\n background: prop(background);\n border-color: prop(border-color);\n }\n}\n\n// Output (css)\n.btn-success {\n background: green;\n border-color: green; }\n\n.btn-danger {\n background: red;\n border-color: red; }\n```\n\nP.S. For maps within maps, the arguments are based on *name* (not the argument order).\n","maintainers":[{"name":"itsjonq","email":"itsjonq@gmail.com"}],"time":{"modified":"2022-06-26T17:17:23.813Z","created":"2016-07-07T20:04:02.573Z","0.0.1":"2016-07-07T20:04:02.573Z","0.0.2":"2016-07-07T20:54:50.813Z","0.0.3":"2016-07-08T14:48:44.048Z","0.1.0":"2016-07-13T17:06:41.720Z","0.3.0":"2016-07-14T14:04:59.337Z","0.3.1":"2017-05-26T16:32:43.366Z"},"homepage":"https://github.com/helpscout/seed-props","keywords":["bem","callback","content","css","design","functional","itcss","modular","oocss","performance","props","seed","seed-pack","scss"],"repository":{"type":"git","url":"git+https://github.com/helpscout/seed-props.git"},"bugs":{"url":"https://github.com/helpscout/seed-props/issues"},"license":"MIT","readmeFilename":"README.md"}