{"_id":"postcss-utils","_rev":"322168","name":"postcss-utils","description":"postcss-utils is a postcss plugin to help you create functional fragments quickly via at-rules","dist-tags":{"latest":"1.0.2"},"maintainers":[{"name":"baiyaaaaa","email":"286030975@qq.com"}],"time":{"modified":"2021-06-04T01:28:08.000Z","created":"2016-05-04T16:56:52.675Z","1.0.2":"2016-05-18T07:07:39.367Z","1.0.1":"2016-05-17T10:17:46.320Z","1.0.0":"2016-05-04T16:56:52.675Z"},"users":{},"author":{"name":"haiping.zeng@ele.me"},"versions":{"1.0.2":{"name":"postcss-utils","version":"1.0.2","description":"postcss-utils is a postcss plugin to help you create functional fragments quickly via at-rules","main":"lib/index.js","dependencies":{"humps":"^1.1.0","postcss":"^5.0.19"},"devDependencies":{"babel-cli":"^6.6.5","babel-core":"^6.8.0","babel-loader":"^6.2.4","babel-plugin-transform-object-assign":"^6.8.0","babel-preset-es2015":"^6.6.0","babel-preset-stage-1":"^6.5.0","eslint":"^2.3.0","tap-spec":"^4.1.1","tape":"^4.5.0"},"scripts":{"prepublish":"npm run babelify","babelify":"babel src --out-dir lib","lint":"eslint . && jscs .","tape":"tape tests/index.js | tap-spec","test":"npm run tape","build":"npm run babelify"},"babel":{"presets":["babel-preset-es2015","babel-preset-stage-1"],"plugins":["transform-object-assign"]},"author":{"name":"haiping.zeng@ele.me"},"license":"MIT","gitHead":"8452512d623c80d6979dced6e343e821fa0751a9","_id":"postcss-utils@1.0.2","_shasum":"36ca83b78279b5a7aa01d87f7e81f71f4b22ca2a","_from":".","_npmVersion":"3.7.3","_nodeVersion":"5.9.1","_npmUser":{"name":"baiyaaaaa","email":"286030975@qq.com"},"dist":{"shasum":"36ca83b78279b5a7aa01d87f7e81f71f4b22ca2a","size":6536,"noattachment":false,"key":"/postcss-utils/-/postcss-utils-1.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/postcss-utils/download/postcss-utils-1.0.2.tgz"},"maintainers":[{"name":"baiyaaaaa","email":"286030975@qq.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/postcss-utils-1.0.2.tgz_1463555255070_0.020132549572736025"},"directories":{},"publish_time":1463555259367,"_cnpm_publish_time":1463555259367,"_hasShrinkwrap":false},"1.0.1":{"name":"postcss-utils","version":"1.0.1","description":"postcss-utils is a postcss plugin to help you create functional fragments quickly via at-rules","main":"lib/index.js","dependencies":{"humps":"^1.1.0","postcss":"^5.0.19"},"devDependencies":{"babel-cli":"^6.6.5","babel-core":"^6.8.0","babel-loader":"^6.2.4","babel-plugin-transform-object-assign":"^6.8.0","babel-preset-es2015":"^6.6.0","babel-preset-stage-1":"^6.5.0","eslint":"^2.3.0","tap-spec":"^4.1.1","tape":"^4.5.0"},"scripts":{"prepublish":"npm run babelify","babelify":"babel src --out-dir lib","lint":"eslint . && jscs .","tape":"tape tests/index.js | tap-spec","test":"npm run tape","build":"npm run babelify"},"babel":{"presets":["babel-preset-es2015","babel-preset-stage-1"],"plugins":["transform-object-assign"]},"author":{"name":"haiping.zeng@ele.me"},"license":"MIT","gitHead":"8452512d623c80d6979dced6e343e821fa0751a9","_id":"postcss-utils@1.0.1","_shasum":"4161b3fe2ffebc10d65929fc86c1706aeb8bb872","_from":".","_npmVersion":"3.7.3","_nodeVersion":"5.9.1","_npmUser":{"name":"baiyaaaaa","email":"286030975@qq.com"},"dist":{"shasum":"4161b3fe2ffebc10d65929fc86c1706aeb8bb872","size":6540,"noattachment":false,"key":"/postcss-utils/-/postcss-utils-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/postcss-utils/download/postcss-utils-1.0.1.tgz"},"maintainers":[{"name":"baiyaaaaa","email":"286030975@qq.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/postcss-utils-1.0.1.tgz_1463480265728_0.3814854105003178"},"directories":{},"publish_time":1463480266320,"_cnpm_publish_time":1463480266320,"_hasShrinkwrap":false},"1.0.0":{"name":"postcss-utils","version":"1.0.0","description":"postcss-utils is a postcss plugin to help you create functional fragments quickly via at-rules","main":"lib/index.js","dependencies":{"humps":"^1.1.0","postcss":"^5.0.19"},"devDependencies":{"babel-cli":"^6.6.5","babel-core":"^6.8.0","babel-loader":"^6.2.4","babel-plugin-transform-object-assign":"^6.8.0","babel-preset-es2015":"^6.6.0","babel-preset-stage-1":"^6.5.0","eslint":"^2.3.0","tap-spec":"^4.1.1","tape":"^4.5.0"},"scripts":{"prepublish":"npm run babelify","babelify":"babel src --out-dir lib","lint":"eslint . && jscs .","tape":"tape tests/index.js | tap-spec","test":"npm run tape","build":"npm run babelify"},"babel":{"presets":["babel-preset-es2015","babel-preset-stage-1"],"plugins":["transform-object-assign"]},"author":{"name":"haiping.zeng@ele.me"},"license":"MIT","gitHead":"f2e265600cec8beaad50ffdb7e2070546f13305b","_id":"postcss-utils@1.0.0","_shasum":"557454e0d8cb66cf72593760ff64fc18b09d43bc","_from":".","_npmVersion":"3.7.3","_nodeVersion":"5.9.1","_npmUser":{"name":"baiyaaaaa","email":"286030975@qq.com"},"dist":{"shasum":"557454e0d8cb66cf72593760ff64fc18b09d43bc","size":6535,"noattachment":false,"key":"/postcss-utils/-/postcss-utils-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/postcss-utils/download/postcss-utils-1.0.0.tgz"},"maintainers":[{"name":"baiyaaaaa","email":"286030975@qq.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/postcss-utils-1.0.0.tgz_1462381009863_0.4179630810394883"},"directories":{},"publish_time":1462381012675,"_cnpm_publish_time":1462381012675,"_hasShrinkwrap":false}},"readme":"# PostCSS Utils [![Build Status][travis-img]][travis]\n\n[PostCSS] plugin to help you create functional fragments quickly via at-rules.\n\n## Syntax\n\n### ellipsis\n\n\n`@utils-ellipsis [rows];`\n\n```css\n/* before */\n.ellipsis {\n  @utils-ellipsis;\n}\n.ellipsis2 {\n  @utils-ellipsis 3;\n}\n\n/* after */\n.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ellipsis2 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n}\n```\n\n### clearfix\n`@utils-clearfix;`\n\n```css\n/* before */\n.clearfix {\n  @utils-clearfix;\n}\n\n/* after */\n.clearfix {\n}\n.clearfix:before,\n.clearfix:after {\n    display: table;\n    content: \n}\n.clearfix:after {\n    clear: both\n}\n```\n\n### image replace text\n`@utils-irt;`\n\n```css\n/* before */\n.irt {\n  @utils-irt;\n}\n\n/* after */\n.irt {\n  font: 0/0 none;\n  text-shadow: none;\n  color: transparent;\n}\n```\n\n### user select\n`@utils-user-select [none|text];`\n\n```css\n/* before */\n.usn {\n  @utils-user-select none;\n}\n\n/* after */\n.usn {\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n```\n\n### disabled\n`@utils-disabled [background-color] [border-color] [color];`\n\n```css\n/* before */\n.disabled {\n  @utils-disabled #ccc #f00 #333;\n}\n\n/* after */\n.disabled {\n  background-color: #ccc;\n  border-color: #f00;\n  color: #333;\n  cursor: default;\n  pointer-events: none;\n}\n```\n\n### vertical center\n`@utils-vertical-center;`\n\n```css\n/* before */\n.vam-box {\n  @utils-vertical-center;\n}\n\n/* after */\n.vam-box {\n}\n.vam-box:after {\n    display: inline-block;\n    content: ;\n    height: 100%;\n    vertical-align: middle\n}\n```\n\n## Usage\n\nAdd [Postcss Utils] to your build tool:\n\n```bash\nnpm install postcss-utils --save-dev\n```\n\n#### Node\n\n```js\nrequire('postcss-utils').process(YOUR_CSS, { /* options */ });\n```\n\n#### PostCSS\n\nAdd [PostCSS] to your build tool:\n\n```bash\nnpm install postcss --save-dev\n```\n\nLoad [Postcss Utils] as a PostCSS plugin:\n\n```js\npostcss([\n  require('postcss-utils')({ /* options */ })\n]).process(YOUR_CSS, /* options */);\n```\n\n#### Gulp\n\nAdd [Gulp PostCSS] to your build tool:\n\n```bash\nnpm install gulp-postcss --save-dev\n```\n\nEnable [Postcss Utils] within your Gulpfile:\n\n```js\nvar postcss = require('gulp-postcss');\n\ngulp.task('css', function () {\n  return gulp.src('./src/*.css').pipe(\n    postcss([\n      require('postcss-utils')({ /* options */ })\n    ])\n  ).pipe(\n    gulp.dest('.')\n  );\n});\n```\n\n#### Grunt\n\nAdd [Grunt PostCSS] to your build tool:\n\n```bash\nnpm install grunt-postcss --save-dev\n```\n\nEnable [Postcss Utils] within your Gruntfile:\n\n```js\ngrunt.loadNpmTasks('grunt-postcss');\n\ngrunt.initConfig({\n  postcss: {\n    options: {\n      use: [\n        require('postcss-utils')({ /* options */ })\n      ]\n    },\n    dist: {\n      src: '*.css'\n    }\n  }\n});\n```\n\n[PostCSS]: https://github.com/postcss/postcss\n[Postcss Utils]: https://github.com/baiyaaaaa/postcss-utils\n[travis-img]: https://travis-ci.org/baiyaaaaa/postcss-utils.svg\n[travis]: https://travis-ci.org/baiyaaaaa/postcss-utils\n[Gulp PostCSS]: https://github.com/postcss/gulp-postcss\n[Grunt PostCSS]: https://github.com/nDmitry/grunt-postcss\n","_attachments":{},"license":"MIT"}