{"_id":"@avvo/suitably","_rev":"8-ca2fae7e01e68e17a65c3c3c9f704940","name":"@avvo/suitably","description":"Suitably - Avvo's new and improved styleguide","dist-tags":{"latest":"1.0.0"},"versions":{"0.0.0":{"name":"@avvo/suitably","version":"0.0.0","description":"Avvo styleguide","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","gulp:watch":"gulp watch","compile":"gulp compile","docs-pack":"gulp docs:compile","docs-pack-watch":"gulp docs:watch","docs-prod":"gulp docs:release","gem-pack":"gulp gem:compile","gem-pack-watch":"gulp gem:watch","gem-prod":"gulp gem:release","develop":"npm run sass | npm run styleguide","styleguide":"npm-run kss -c ./source/kss-config.json","css:release":"gulp css:release","js:release":"gulp js:release","watch":"onchange './source/**/*.scss' -- npm run develop","postinstall":"npm run js:release && npm run css:release"},"repository":{"type":"git","url":"git+https://github.com/avvo/pantsuit.git"},"author":{"name":"Avvo.com"},"license":"MIT","bugs":{"url":"https://github.com/avvo/pantsuit/issues"},"keywords":["Avvo","responsive","style guide","Seattle"],"homepage":"https://github.com/avvo/pantsuit#readme","dependencies":{"animation-frame":"^0.2.4","color":"^0.10.1","dotdotdot":"^1.7.0","es5-shim":"^4.1.10","es6-promise":"^3.1.2","fastclick":"^1.0.6","fontfaceobserver":"^1.6.4","handlebars":"^4.0.0","lodash":"^3.10.0","jshint":"^2.9.5","webpack":"<2.0.0"},"devDependencies":{"babel-core":"^6.26.0","babel-loader":"<7.0.0","babel-preset-env":"^1.6.1","browser-sync":"^2.18.13","chai":"^3.0.0","codeclimate-test-reporter":"0.1.1","coffee-loader":"^0.7.2","coffee-script":"^1.12.7","gulp":"^3.9.1","gulp-webpack":"^1.5.0","handlebars-loader":"^1.6.0","html-loader":"^0.4.0","istanbul":"^0.4.1","istanbul-instrumenter-loader":"^0.1.3","jade":"^1.7.0","json-loader":"^0.5.7","karma":"^0.13.15","karma-chai-plugins":"^0.6.0","karma-chrome-launcher":"^0.2.0","karma-coverage":"^0.5.0","karma-jquery":"^0.1.0","karma-mocha":"^0.2.0","karma-phantomjs-launcher":"^0.2.0","karma-sinon":"^1.0.4","karma-sourcemap-loader":"^0.3.5","karma-webpack":"^1.5.1","mocha":"^2.2.5","node-libs-browser":"^0.5.0","phantomjs":"^1.9.17","sinon":"^1.15.3","del":"^3.0.0","gulp-autoprefixer":"^4.0.0","gulp-clean-css":"^3.9.0","gulp-concat":"^2.6.1","gulp-csso":"^3.0.0","gulp-if":"^2.0.2","gulp-jshint":"^2.0.4","gulp-plumber":"^1.1.0","gulp-rename":"^1.2.2","gulp-sass":"^3.1.0","gulp-useref":"^3.1.2","kss":"^3.0.0-beta.18","npm-run":"^4.1.2","onchange":"^3.2.1"},"gitHead":"bdf3be273e8dab8d097509479e7af9f9452e73d8","_id":"@avvo/suitably@0.0.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"kopasetik","email":"dev@screenverve.com"},"dist":{"integrity":"sha512-sZ9myQsypZXlHmndjke20WyKv5HL5bkX0sZQzu+4s6ykCqh4NIYGdj24+/KZ7ijoMZYP5UE0iKH3G1vY4Phv1A==","shasum":"ed3d245357cccef853080cfe0b5c31653506754a","tarball":"https://registry.npmjs.org/@avvo/suitably/-/suitably-0.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqiad9y3QKi6+TUs5EOhZEshNBOFT4JvLxVkg7y8vLPAIhAMSKKNjnUOc4sUjPd6DfaWrPqRBSJ8vsqKh1SQQThsOG"}]},"maintainers":[{"name":"kopasetik","email":"dev@screenverve.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/suitably-0.0.0.tgz_1515935982954_0.7390876049175858"},"directories":{}},"1.0.0":{"name":"@avvo/suitably","version":"1.0.0","description":"Suitably - Avvo's new and improved styleguide","main":"index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/avvo/suitably.git"},"author":{"name":"Avvo.com"},"license":"MIT","bugs":{"url":"https://github.com/avvo/suitably/issues"},"keywords":["Avvo","responsive","style guide","Seattle"],"homepage":"https://github.com/avvo/suitably#readme","dependencies":{"animation-frame":"^0.2.4","color":"^0.10.1","del":"^3.0.0","dotdotdot":"^1.7.0","es5-shim":"^4.1.10","es6-promise":"^3.1.2","fastclick":"^1.0.6","fontfaceobserver":"^1.6.4","handlebars":"^4.0.0","jshint":"^2.9.5","lodash":"^3.10.0"},"devDependencies":{"babel-core":"^6.26.0","babel-loader":"<7.0.0","babel-preset-env":"^1.6.1","browser-sync":"^2.18.13","chai":"^3.0.0","codeclimate-test-reporter":"0.1.1","html-loader":"^0.4.0","istanbul":"^0.4.1","istanbul-instrumenter-loader":"^0.1.3","jade":"^1.7.0","json-loader":"^0.5.7","node-libs-browser":"^0.5.0","npm-run":"^4.1.2","onchange":"^3.2.1"},"gitHead":"7442ef60be4e52cca32803071e2728c704ad8f2f","_id":"@avvo/suitably@1.0.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"avvo-styleguide","email":"wogundipe@avvo.com"},"dist":{"integrity":"sha512-BatLT4eQMNIwBU6b5fk6bcL8nFtKkAbfLS6kkmPfzxJO2jyEaDDAsvHsrjMsuMfReXtf4cVa5PaKewtOGkm2Eg==","shasum":"551a4bb79669a521f3389eeb586937c1fb24073b","tarball":"https://registry.npmjs.org/@avvo/suitably/-/suitably-1.0.0.tgz","fileCount":245,"unpackedSize":9547317,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa/G4FCRA9TVsSAnZWagAAfegP/2v8/JHF9Y2cH16YmFYo\nbqMjLVgh8VCSG1a35pn+41nyJnCNj6vKt4y76uVTPN9qZVlTb3ASBZyZESCM\nrm+Kd08a/MPlvZoiv3wOhVDqNGflaemve/cq+gsouq2ePZIAoXKKWwrTSdCZ\ncrUAEY7Tm0epFTePxNuNJ+VKm+LhbBrO48envzLePnU6gqgfi3rZNfjI7sVD\n4eBhZmmE4MMAQ4HM1lCkzGUMDnPtOZccCCX2pC9mmipuiEZEWRdLtZKxTuf3\nRQZBmuQr26RnNzBdLxCpoLAsGKHOmjBanOTvRPrnVBx34LarH2KZGH3blEMr\n4yutsLhGIoo5WPerYbEDVaapRl4S88BF4wR9DTaPFeB3AKUrgr3BJtYhacLc\nM1WEcvZFsReUCrR8WNy55T32jSt8KqoQ9l04FaGYITAknnjXrVDmpXesPjEt\nD/xbW40MKqhNNiOlMAzBrnfqtNtgNchwLzwywmDISrtmOoAP82vQVsjGArzy\n6cmw7ohE017yKoDVlHXjka0Kx38shJzMGZd5uu4TlSNNeFy/DmJ4CTgBBW6o\nrE8bINftsQ2N0GKYfD1ORSvE/RQLrnTCJJV98QJVPS2E9UfynxNrYXaa7imT\njueBNDA3LAHmwCwT+R1b4lD9hA73/m5vK8sXvYfF7Yxit1ybJlLvKm0oWlad\nlqa+\r\n=d7Kv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJgSFW4gCIIBoWOrKtbNsBa77nNAvsi7+9aReZAKAWBQIhANNfoxp1xKyORm/ZYUebfd3UklsyhfI433aK9EY9xfmG"}]},"maintainers":[{"email":"dev.zero@outlook.com","name":"anilredshift"},{"email":"wogundipe@avvo.com","name":"avvo-styleguide"},{"email":"jacob.sparling@gmail.com","name":"jsparling"},{"email":"dev@screenverve.com","name":"kopasetik"},{"email":"psorokin@avvo.com","name":"psorokin"},{"email":"tretuna@gmail.com","name":"tretuna"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/suitably_1.0.0_1526492676677_0.41751568207626"},"_hasShrinkwrap":false}},"readme":"# Suitably\n\nThis repo was ripped and migrated from the [avvo_ui](https://github.com/avvo/avvo_ui) Rails gem.\n\nThe intent of this repo is to put the responsibility of compiling the `.scss` and `.js` onto the app - allowing for better modularity and flexibility to load only what is needed.\n\nIt serves up uncompiled ES6 based Javascript and .scss files for consumption in the host app. `./source`\n\nThere is also a compiled .css and Javascript version for use in host apps that wish to not have to compile the assets `./dist`.\n\n\n## Usage\nInstall the package\n\n```\n    npm install @avvo/suitably --save-dev\n```\n\nor with Yarn (faster and preferred package manager)\n\n```\n    yarn add @avvo/suitably\n```\n\n### Javascript with Webpack\nImport as you would other node_module packages\n\n```\n    import FunctionExport from '@avvo/suitably/source/javascripts/path_to_file'\n```\n\n### Sass in Rails app\n1. Add additional assets to load path `config/initializers/assets.rb`\n```\n    Rails.application.config.assets.paths << Rails.root.join('node_modules')\n```\n\n2. Add modules to autoloader path `config/application.rb`\n```\n    class Application < Rails::Application\n        # ....\n\n        config.autoload_paths += %W(#{config.root}/node_modules)\n    end\n```\n\n3. Suggestion: Import the raw .scss files into a single .scss file - eg. `app/assets/stylesheets/styleguide/main.scss`.\nReference that file when needed.\n```\n    @import './sass_helpers';\n\n    @import 'node_modules/@avvo/suitably/source/stylesheets/vendor/normalize';\n    @import 'node_modules/@avvo/suitably/source/stylesheets/fonts/all';\n    @import 'node_modules/@avvo/suitably/source/stylesheets/base/all';\n    @import 'node_modules/@avvo/suitably/source/stylesheets/layout/all';\n    @import 'node_modules/@avvo/suitably/source/stylesheets/components/all';\n    @import 'node_modules/@avvo/suitably/source/stylesheets/shame/all';\n    @import 'node_modules/@avvo/suitably/source/stylesheets/utilities/all';\n```\n\n4. Make sure to still include your sass helpers when using one off .scss pages and need access to Avvo's colors, or other features of the styleguide `app/assets/stylesheets/styleguide/sass_helpers.scss`\n```\n    @import 'node_modules/@avvo/suitably/source/stylesheets/functions/all';\n    @import 'node_modules/@avvo/suitably/source/stylesheets/config/all';\n    @import 'node_modules/@avvo/suitably/source/stylesheets/mixins/all';\n```\n","maintainers":[{"email":"tre@tretuna.com","name":"tretuna"},{"email":"devops@avvo.com","name":"avvo-styleguide"},{"email":"dev@screenverve.com","name":"kopasetik"},{"email":"alex@avvo.com","name":"alexatavvo"}],"time":{"modified":"2022-04-04T16:49:07.332Z","created":"2018-01-14T13:19:43.374Z","0.0.0":"2018-01-14T13:19:43.374Z","1.0.0":"2018-05-16T17:44:36.996Z"},"homepage":"https://github.com/avvo/suitably#readme","keywords":["Avvo","responsive","style guide","Seattle"],"repository":{"type":"git","url":"git+https://github.com/avvo/suitably.git"},"author":{"name":"Avvo.com"},"bugs":{"url":"https://github.com/avvo/suitably/issues"},"license":"MIT","readmeFilename":"README.md"}