Rplus / postcss-simple-trig

A PostCSS plugin to calculate trigonometric functions: sin/cos/tan

PostCSS Simple Trig

PostCSS plugin to calculate trigonometric functions: sin/cos/tan.

/* Input */
.foo {
  boo: sin(60deg);
  padding: calc(cos(60deg) * 1em);
}

/* Output */
.foo {
  boo: 0.86603;
  padding: calc(0.5 * 1em);
}

Usage

postcss([ require('postcss-simple-trig') ]);
postcss([ require('postcss-simple-trig')({ precision: 2 }) ]);

See PostCSS docs for examples for your environment.

Options

precision

• type: Integer
• default: 5
• allow: 0 ~ 20

Used to determine how many digits after the decimal will be allowed.
ref: number.toFixed @ MDN

/* Input */
.foo {
  margin-left: sin(60deg);
}

/* Output with { precision: 2 } */
.foo {
  margin-left: 0.87;
}