css-custom-props-loader

CSS Custom Properties Loader for Webpack

Loader to get CSS custom properties from CSS files.

See MDN custom CSS properties: MDN

$ npm install --save-dev css-custom-props-loader

Usage

Documentation: Using loaders

In your source code:

import cssProps from "!css-custom-props!./props.css";

with having css file props.css:

:root {
  --prop1: red;
  --prop2: 12px;
  --another-prop: blue;
}

You can access the property values via cssProps.prop1 or cssProps.anotherProp.

Copyright

Copyright 2019
Sebastian Software GmbH