Merge pull request #12 from maximkoretskiy/feature/add_initial_support

Add postcss-initial

Author: MoOx

package.json

@@ -48,6 +48,7 @@
     "postcss-custom-properties": "^5.0.0",
     "postcss-custom-selectors": "^3.0.0",
     "postcss-font-variant": "^2.0.0",
+    "postcss-initial": "^1.3.1",
     "postcss-media-minmax": "^2.1.0",
     "postcss-pseudo-class-any-link": "^1.0.0",
     "postcss-pseudoelements": "^3.0.0",

src/__tests__/fixtures/features/initial.css

@@ -0,0 +1,14 @@
+a {
+  all: initial;
+}
+
+a {
+  animation: initial;
+  background: initial;
+  border: initial;
+  column-rule: initial;
+  font: initial;
+  list-style: initial;
+  outline: initial;
+  text-decoration: initial;
+}

src/__tests__/fixtures/features/initial.expected.css

@@ -0,0 +1,98 @@
+a {
+  animation: none 0s ease 0s 1 normal none running;
+  backface-visibility: visible;
+  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
+  border: medium none currentColor;
+  border-collapse: separate;
+  border-image: none;
+  border-radius: 0;
+  border-spacing: 0;
+  bottom: auto;
+  box-shadow: none;
+  box-sizing: content-box;
+  caption-side: top;
+  clear: none;
+  clip: auto;
+  color: inherit;
+  columns: auto;
+  column-count: auto;
+  column-fill: balance;
+  column-gap: normal;
+  column-rule: medium none currentColor;
+  column-span: 1;
+  column-width: auto;
+  content: normal;
+  counter-increment: none;
+  counter-reset: none;
+  cursor: auto;
+  direction: ltr;
+  display: inline;
+  empty-cells: show;
+  float: none;
+  font: normal normal normal normal medium/normal inherit;
+  height: auto;
+  hyphens: none;
+  left: auto;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  margin: 0;
+  max-height: none;
+  max-width: none;
+  min-height: 0;
+  min-width: 0;
+  opacity: 1;
+  orphans: 0;
+  outline: medium none invert;
+  overflow: visible;
+  overflow-x: visible;
+  overflow-y: visible;
+  padding: 0;
+  page-break-after: auto;
+  page-break-before: auto;
+  page-break-inside: auto;
+  perspective: none;
+  perspective-origin: 50% 50%;
+  position: static;
+  right: auto;
+  tab-size: 8;
+  table-layout: auto;
+  text-align: inherit;
+  text-align-last: auto;
+  text-decoration: none solid currentColor;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  top: auto;
+  transform: none;
+  transform-origin: 50% 50% 0;
+  transform-style: flat;
+  transition: none 0s ease 0s;
+  unicode-bidi: normal;
+  vertical-align: baseline;
+  visibility: visible;
+  white-space: normal;
+  widows: 0;
+  width: auto;
+  word-spacing: normal;
+  z-index: auto;
+  all: initial;
+}
+
+a {
+  animation: none 0s ease 0s 1 normal none running;
+  animation: initial;
+  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
+  background: initial;
+  border: medium none currentColor;
+  border: initial;
+  column-rule: medium none currentColor;
+  column-rule: initial;
+  font: normal normal normal normal medium/normal inherit;
+  font: initial;
+  list-style: disc outside none;
+  list-style: initial;
+  outline: medium none invert;
+  outline: initial;
+  text-decoration: none solid currentColor;
+  text-decoration: initial;
+}

src/features-activation-map.js

@@ -19,6 +19,7 @@ export default {
   // fontVariant: [ null ],
   // @todo can be done using a callback, this is only used for Firefox < 35
   // filter: [ null ],
+  initial: [ "css-all", "css-initial-value" ],
   rem: [ "rem" ],
   pseudoElements: [ "css-gencontent" ],
   // pseudoClassMatches: [ null ],

src/features.js

@@ -1,60 +1,63 @@
-export default {
-  // Reminder: order is important
-  customProperties(options) {
-    return require("postcss-custom-properties")(options)
-  },
-  calc(options) {
-    return require("postcss-calc")(options)
-  },
-  customMedia(options) {
-    return require("postcss-custom-media")(options)
-  },
-  mediaQueriesRange(options) {
-    return require("postcss-media-minmax")(options)
-  },
-  customSelectors(options) {
-    return require("postcss-custom-selectors")(options)
-  },
-  colorRebeccapurple(options) {
-    return require("postcss-color-rebeccapurple")(options)
-  },
-  colorHwb(options) {
-    return require("postcss-color-hwb")(options)
-  },
-  colorGray(options) {
-    return require("postcss-color-gray")(options)
-  },
-  colorHexAlpha(options) {
-    return require("postcss-color-hex-alpha")(options)
-  },
-  colorFunction(options) {
-    return require("postcss-color-function")(options)
-  },
-  fontVariant(options) {
-    return require("postcss-font-variant")(options)
-  },
-  filter(options) {
-    return require("pleeease-filters")(options)
-  },
-  rem(options) {
-    return require("pixrem")(options)
-  },
-  pseudoElements(options) {
-    return require("postcss-pseudoelements")(options)
-  },
-  pseudoClassMatches(options) {
-    return require("postcss-selector-matches")(options)
-  },
-  pseudoClassNot(options) {
-    return require("postcss-selector-not")(options)
-  },
-  pseudoClassAnyLink(options) {
-    return require("postcss-pseudo-class-any-link")(options)
-  },
-  colorRgba(options) {
-    return require("postcss-color-rgba-fallback")(options)
-  },
-  autoprefixer(options) {
-    return require("autoprefixer")(options)
-  },
-}
+export default {
+  // Reminder: order is important
+  customProperties(options) {
+    return require("postcss-custom-properties")(options)
+  },
+  calc(options) {
+    return require("postcss-calc")(options)
+  },
+  customMedia(options) {
+    return require("postcss-custom-media")(options)
+  },
+  mediaQueriesRange(options) {
+    return require("postcss-media-minmax")(options)
+  },
+  customSelectors(options) {
+    return require("postcss-custom-selectors")(options)
+  },
+  colorRebeccapurple(options) {
+    return require("postcss-color-rebeccapurple")(options)
+  },
+  colorHwb(options) {
+    return require("postcss-color-hwb")(options)
+  },
+  colorGray(options) {
+    return require("postcss-color-gray")(options)
+  },
+  colorHexAlpha(options) {
+    return require("postcss-color-hex-alpha")(options)
+  },
+  colorFunction(options) {
+    return require("postcss-color-function")(options)
+  },
+  fontVariant(options) {
+    return require("postcss-font-variant")(options)
+  },
+  filter(options) {
+    return require("pleeease-filters")(options)
+  },
+  initial(options) {
+    return require("postcss-initial")(options)
+  },
+  rem(options) {
+    return require("pixrem")(options)
+  },
+  pseudoElements(options) {
+    return require("postcss-pseudoelements")(options)
+  },
+  pseudoClassMatches(options) {
+    return require("postcss-selector-matches")(options)
+  },
+  pseudoClassNot(options) {
+    return require("postcss-selector-not")(options)
+  },
+  pseudoClassAnyLink(options) {
+    return require("postcss-pseudo-class-any-link")(options)
+  },
+  colorRgba(options) {
+    return require("postcss-color-rgba-fallback")(options)
+  },
+  autoprefixer(options) {
+    return require("autoprefixer")(options)
+  },
+}