https://github.com/ioriens/postcss-wxss

PostCSS plugin to transpile wxss or acss..
https://github.com/ioriens/postcss-wxss

minapp postcss postcss-plugins transpiler wxss

Last synced: about 1 month ago
JSON representation

PostCSS plugin to transpile wxss or acss..

• Host: GitHub
• URL: https://github.com/ioriens/postcss-wxss
• Owner: IOriens
• License: mit
• Created: 2017-08-22T03:49:02.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-19T08:19:12.000Z (almost 7 years ago)
• Last Synced: 2024-04-24T21:20:35.949Z (8 months ago)
• Topics: minapp, postcss, postcss-plugins, transpiler, wxss
• Language: JavaScript
• Homepage: https://weidian-inc.github.io/hera
• Size: 90.8 KB
• Stars: 2
• Watchers: 2
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# PostCSS Wxss [![Build Status][ci-img]][ci]

[PostCSS] plugin to transpile wxss or acss..

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

[ci-img]:  https://travis-ci.org/IOriens/postcss-wxss.svg

[ci]:      https://travis-ci.org/IOriens/postcss-wxss

```css

@media screen and (min-width: 480rpx) {

  body {

    background-color: lightgreen;

    animation-name: 'kkk';

  }

}

#main, icon {

  border: 1rpx solid black;

}

ul li, .page, page {

  padding: 5rpx 3rpx;

}

```

```css

@media screen and (min-width: 480rpx) {

  body {

    background-color: lightgreen;

    animation-name: 'kkk';

  }

}

#main, wx-icon {

  border: %%?1rpx?%% solid black;

}

ul li, .page, body {

  padding: %%?5rpx?%% %%?3rpx?%%;

}

```

## Usage

```js

postcss([ require('postcss-wxss') ])

```

See [PostCSS] docs for examples for your environment.

## Reference

[writing-a-plugin](https://github.com/postcss/postcss/blob/master/docs/writing-a-plugin.md)

## License

MIT