https://github.com/princed/postcss-modules-tilda

PostCSS plugin to restore the way to resolve modules CSS Modules values paths that css-loader used to do before 2.0.
https://github.com/princed/postcss-modules-tilda

css-loader css-modules postcss postcss-plugin tilda

Last synced: 3 months ago
JSON representation

PostCSS plugin to restore the way to resolve modules CSS Modules values paths that css-loader used to do before 2.0.

• Host: GitHub
• URL: https://github.com/princed/postcss-modules-tilda
• Owner: princed
• License: mit
• Created: 2019-06-14T07:11:06.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-01-04T01:02:24.000Z (about 4 years ago)
• Last Synced: 2024-09-14T22:21:24.168Z (4 months ago)
• Topics: css-loader, css-modules, postcss, postcss-plugin, tilda
• Language: JavaScript
• Homepage:
• Size: 6.84 KB
• Stars: 5
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# PostCSS Modules Tilda [![Build Status][ci-img]][ci]

[PostCSS] plugin to restore the way to resolve modules CSS Modules values paths that css-loader [used to do before 2.0].

[PostCSS]: https://github.com/postcss/postcss

[ci-img]:  https://travis-ci.org/princed/postcss-modules-tilda.svg

[ci]:      https://travis-ci.org/princed/postcss-modules-tilda

[used to do before 2.0]:      https://github.com/webpack-contrib/css-loader/blob/master/CHANGELOG.md#breaking-changes-1

Before:

```css

@import "module/module.css";

@value module from "module/module.css";

a {

  composes: module;

  composes: selector from "module/module.css";

}

```

After:

```css

@import "~module/module.css";

@value module from "~module/module.css";

a {

  composes: module;

  composes: selector from "~module/module.css";

}

```

## Usage

```js

postcss([ require('postcss-modules-tilda') ])

```

See [PostCSS] docs for examples for your environment.