postcss-property-lookup

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

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

.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

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

See PostCSS docs for examples for your environment.

Installation

$ yarn add postcss-property-lookup

Usage

JavaScript

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

TypeScript

///<reference path="node_modules/postcss-property-lookup/.d.ts" />
import postcssPropertyLookup from 'postcss-property-lookup';

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

Options

logLevel

Type: string: <error|warn>
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.

Current Tags

• 3.0.0                                ...           latest (4 years ago)
• 0.4.0                                ...           postcss-4.x (9 years ago)

16 Versions

• 3.0.0                                ...           4 years ago
• 2.0.0                                ...           7 years ago
• 1.2.1                                ...           9 years ago
• 1.2.0                                ...           9 years ago
• 1.1.4                                ...           9 years ago
• 1.1.3                                ...           9 years ago
• 1.1.2                                ...           9 years ago
• 0.4.0                                ...           9 years ago
• 1.1.1                                ...           9 years ago
• 1.1.0                                ...           9 years ago
• 1.0.0                                ...           9 years ago
• 0.3.0                                ...           9 years ago
• 0.2.2                                ...           9 years ago
• 0.2.1                                ...           10 years ago
• 0.2.0                                ...           10 years ago
• 0.1.0                                ...           10 years ago