postcss-property-lookup [![Build Status][ci-img]][ci]

[PostCSS] plugin that allows referencing property values without a variable, similar to Stylus.

[PostCSS]: https://github.com/postcss/postcss
[ci-img]: https://api.travis-ci.org/simonsmith/postcss-property-lookup.svg?branch=master
[ci]: https://travis-ci.org/simonsmith/postcss-property-lookup

``css
.Test {
margin-left: 20px;
margin-right: @margin-left;
color: red;
background: @color url('test.png');
line-height: 1.5;
font-size: @(line-height)em;
}
`

`css
.Test {
margin-left: 20px;
margin-right: 20px;
color: red;
background: red url('test.png');
line-height: 1.5;
font-size: 1.5em;
}
`

Check the test fixtures for more examples.

Usage

`js
postcss([ require('postcss-property-lookup') ])
`

See [PostCSS] docs for examples for your environment.

Installation

`
$ yarn add postcss-property-lookup
`

Usage

$3

`js
postcss([
require('postcss-property-lookup')(/ options /),
// more plugins...
])
`

$3

`ts
///
import postcssPropertyLookup from 'postcss-property-lookup';

postcss([
postcssPropertyLookup(/ options /),
// more plugins...
])
`

Options

$3

Type: string:

Required: false

Default: warn`

When a lookup cannot be resolved, this specifies whether to throw an error or log a warning. In the case of a warning, the invalid lookup value will be replaced with an empty string.