add plugin css-reset、utils

Author: baiyaaaaa

package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-salad",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "description": "沙拉是一个能够帮助你更加写出更加简洁、优雅的CSS的样式解决方案。",
   "main": "lib/index.js",
   "scripts": {
@@ -17,13 +17,15 @@
     "postcss": "^5.0.4",
     "postcss-bem": "^0.4.1",
     "postcss-calc": "^5.0.0",
+    "postcss-css-reset": "^1.0.0",
     "postcss-initial": "^1.3.1",
     "postcss-inline-svg": "^1.4.0",
     "postcss-neat": "^2.5.2",
     "postcss-pseudo-class-any-link": "^1.0.0",
     "postcss-scss": "^0.1.7",
     "postcss-shape": "^0.0.1",
     "postcss-short": "^1.4.0",
+    "postcss-utils": "^1.0.0",
     "precss": "^1.4.0"
   },
   "devDependencies": {

src/features.js

@@ -6,6 +6,12 @@ export default {
    * ******************
    */
 
+  // https://npmjs.com/package/postcss-utils
+  utils: (options) => require("postcss-utils")(options),
+
+  // https://npmjs.com/package/postcss-css-reset
+  reset: (options) => require("postcss-css-reset")(options),
+
   // https://npmjs.com/package/postcss-neat
   neat: (options) => require("postcss-neat")(options),
 

src/test/features/neat.expected.css

@@ -0,0 +1,22 @@
+.cnt {
+  max-width: 64em;
+  margin-left: auto;
+  margin-right: auto;
+  *zoom: 1;
+}
+.cnt:before, .cnt:after {
+  content: " ";
+  display: table;
+}
+.cnt:after {
+  clear: both;
+}
+.col2 {
+  display: block;
+  float: left;
+  margin-right: 2.35765160%;
+  width: 6.17215270%;
+}
+.col2:last-child {
+  margin-right: 0;
+}

src/test/features/reset.css

@@ -0,0 +1,17 @@
+.table {
+  @reset-nested tabel;
+  color: #fff;
+}
+
+td, th {
+  background-color: #fff;
+  @reset-nested tabel-cell;
+}
+
+ul, ol {
+  @reset-nested list; 
+}
+
+.regular-font {
+  @reset-nested font; 
+}

src/test/features/reset.expected.css

@@ -0,0 +1,27 @@
+.table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  vertical-align: middle;
+  color: #fff;
+}
+
+td, th {
+  background-color: #fff;
+  text-align: left;
+  font-weight: normal;
+  vertical-align: middle;
+  margin: 0;
+  padding: 0;
+}
+
+ul, ol {
+  list-style: none;
+  margin: 0;
+  padding: 0; 
+}
+
+.regular-font {
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit; 
+}

src/test/features/utils.css

@@ -0,0 +1,21 @@
+.ellipsis {
+  @utils-ellipsis;
+}
+.ellipsis2 {
+  @utils-ellipsis 3;
+}
+.clearfix {
+  @utils-clearfix;
+}
+.irt {
+  @utils-irt;
+}
+.usn {
+  @utils-user-select none;
+}
+.disabled {
+  @utils-disabled #ccc #f00 #333;
+}
+.vam-box {
+  @utils-vertical-center;
+}

src/test/features/utils.expected.css

@@ -0,0 +1,46 @@
+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ellipsis2 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.clearfix {
+}
+.clearfix:before, .clearfix:after {
+  display: table;
+  content: ;
+}
+.clearfix:after {
+  clear: both;
+}
+.irt {
+  font: 0/0 none;
+  text-shadow: none;
+  color: transparent;
+}
+.usn {
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+.disabled {
+  background-color: #ccc;
+  border-color: #f00;
+  color: #333;
+  cursor: default;
+  pointer-events: none;
+}
+.vam-box {
+}
+.vam-box:after {
+  display: inline-block;
+  content: ;
+  height: 100%;
+  vertical-align: middle;
+}