PostCSS define-function [![Build Status][ci-img]][ci]

[PostCSS] plugin to implement sass @function.

[PostCSS]: https://github.com/postcss/postcss
[ci-img]: https://travis-ci.org/titancat/postcss-define-function.svg
[ci]: https://travis-ci.org/titancat/postcss-define-function

``css
@define-function rem($val) {
@return $val / 640 10 1rem;
}
@callFn .foo {
/ Input example /
height: rem(640);
}
`

`css
.foo {
/ Output example /
height: 10rem}
`

It only supports the basic four mixed operations: +、-、*、/. If you want to be able to use more advanced features, you can use mixins instead or help me to improve it.

Looking forward to your issues and pull requests

Usage

`js
postcss([ require('postcss-define-function') ])
`

See [PostCSS] docs for examples for your environment.

Options

Call plugin function to set options:

`js
postcss([ require('postcss-define-function')({ silent: true }) ])
`

$3


Remove unknown callFns and do not throw a error. Default is false.

Test

`js
// basic feature test
npm test
// preview visual test results
npm run testCase
``

Thanks

- postcss
- postcss-plugin-boilerplate
- postcss-mixins