Add postcss-property-lookup (#35)

Author: calebeby

README.md

@@ -51,6 +51,7 @@ By default, the css standard plugin pack includes:
 - [postcss-image-set-polyfill](https://github.com/SuperOl3g/postcss-image-set-polyfill), polyfills [image-set](https://drafts.csswg.org/css-images-3/#image-set-notation) for resolution detection
 - [postcss-media-minmax](https://github.com/postcss/postcss-media-minmax), nice syntax sugar for media queries from [media queries level 4 spec](https://drafts.csswg.org/mediaqueries/#mq-range-context)
 - [postcss-nesting](https://github.com/jonathantneal/postcss-nesting), polyfill for [css nesting module level 3](http://tabatkins.github.io/specs/css-nesting/)
+- [postcss-property-lookup](https://github.com/simonsmith/postcss-property-lookup), sugar for referencing other properties
 - [postcss-pseudo-class-any-link](https://github.com/jonathantneal/postcss-pseudo-class-any-link), polyfills [:any-link pseudo-class](https://drafts.csswg.org/selectors/#any-link-pseudo)
 - [postcss-selector-matches](https://github.com/postcss/postcss-selector-matches), polyfills [:matches pseudo-class](https://drafts.csswg.org/selectors-4/#matches)
 - [postcss-selector-not](https://github.com/postcss/postcss-selector-not), polyfills [:not pseudo-class](https://drafts.csswg.org/selectors-4/#negation)
@@ -89,6 +90,7 @@ css.plugins.push(lost())
 | **customSelectors** | Options passed to [postcss-custom-selectors](https://github.com/postcss/postcss-custom-selectors) | |
 | **fontFamilySystemUi** | Options passed to [postcss-font-family-system-ui](https://github.com/JLHwung/postcss-font-family-system-ui) | |
 | **fontVariant** | Options passed to [postcss-font-variant](https://drafts.csswg.org/css-fonts-4/#system-ui-def) | |
+| **propertyLookup** | Options passed to [postcss-property-lookup](https://github.com/simonsmith/postcss-property-lookup) | |
 | **imageSet** | Options passed to [postcss-image-set-polyfill](https://github.com/SuperOl3g/postcss-image-set-polyfill) | |
 | **mediaQueriesRange** | Options passed to [postcss-media-minmax](https://github.com/postcss/postcss-media-minmax) | |
 | **nesting** | Options passed to [postcss-nesting](https://github.com/jonathantneal/postcss-nesting) | |

lib/index.js

@@ -16,6 +16,7 @@ let colorHexAlpha = require('postcss-color-hex-alpha')
 let colorFunction = require('postcss-color-function')
 let fontFamilySystemUi = require('postcss-font-family-system-ui')
 let fontVariant = require('postcss-font-variant')
+let propertyLookup = require('postcss-property-lookup')
 let pseudoClassMatches = require('postcss-selector-matches')
 let pseudoClassNot = require('postcss-selector-not')
 let pseudoClassAnyLink = require('postcss-pseudo-class-any-link')
@@ -63,6 +64,7 @@ module.exports = (options = {}) => {
     colorFunction(options.colorFunction),
     fontFamilySystemUi(options.fontFamilySystemUi),
     fontVariant(options.fontVariant),
+    propertyLookup(options.propertyLookup),
     pseudoClassMatches(options.pseudoClassMatches),
     pseudoClassNot(options.pseudoClassNot),
     pseudoClassAnyLink(options.pseudoClassAnyLink),

package.json

@@ -28,6 +28,7 @@
     "postcss-import": "^10.0.0",
     "postcss-media-minmax": "^3.0.0",
     "postcss-nesting": "^4.0.1",
+    "postcss-property-lookup": "^2.0.0",
     "postcss-pseudo-class-any-link": "^4.0.0",
     "postcss-selector-matches": "^3.0.1",
     "postcss-selector-not": "^3.0.1",

test/index.js

@@ -137,6 +137,14 @@ test('passes fontVariant opts correctly', (t) => {
   undo()
 })
 
+test('passes propertyLookup opts correctly', (t) => {
+  const undo = cssStandardsRewired.__set__('propertyLookup', (opts) => {
+    t.is(opts, 'test')
+  })
+  cssStandardsRewired({ propertyLookup: 'test' })
+  undo()
+})
+
 test('passes pseudoClassMatches opts correctly', (t) => {
   const undo = cssStandardsRewired.__set__('pseudoClassMatches', (opts) => {
     t.is(opts, 'test')
@@ -179,12 +187,12 @@ test('passes rucksack opts correctly', (t) => {
 
 test('default plugins working', (t) => {
   const out = cssStandards()
-  t.is(out.plugins.length, 23)
+  t.is(out.plugins.length, 24)
 })
 
 test('minify option working', (t) => {
   const out = cssStandards({ minify: true })
-  t.is(out.plugins.length, 24)
+  t.is(out.plugins.length, 25)
   t.is(out.plugins[out.plugins.length - 1].postcssPlugin, 'cssnano')
 })
 

yarn.lock

@@ -3608,6 +3608,14 @@ postcss-position@^0.5.0:
   dependencies:
     postcss "^5.0.0"
 
+postcss-property-lookup@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-property-lookup/-/postcss-property-lookup-2.0.0.tgz#c995d1df42a75420f2aea834c2cbe296b2c15922"
+  dependencies:
+    object-assign "^4.0.1"
+    postcss "^6.0.6"
+    tcomb "^3.2.21"
+
 postcss-pseudo-class-any-link@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-4.0.0.tgz#9152a0613d3450720513e8892854bae42d0ee68e"
@@ -4439,12 +4447,6 @@ strip-json-comments@~2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
 
-sugarss@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/sugarss/-/sugarss-1.0.0.tgz#65e51b3958432fb70d5451a68bb33e32d0cf1ef7"
-  dependencies:
-    postcss "^6.0.0"
-
 supports-color@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
@@ -4513,6 +4515,10 @@ tar@^2.2.1:
     fstream "^1.0.2"
     inherits "2"
 
+tcomb@^3.2.21:
+  version "3.2.24"
+  resolved "https://registry.yarnpkg.com/tcomb/-/tcomb-3.2.24.tgz#7f427053cc393b5997c4c3d859ca20411180887b"
+
 term-size@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/term-size/-/term-size-0.1.1.tgz#87360b96396cab5760963714cda0d0cbeecad9ca"