2.0.9 • Published 5 months ago
@csstools/postcss-exponential-functions v2.0.9
PostCSS Exponential Functions
npm install @csstools/postcss-exponential-functions --save-dev
PostCSS Exponential Functions lets you use the pow()
, sqrt()
, hypot()
, log()
, exp()
functions following the CSS Values 4 Specification.
.foo {
top: calc(1px * pow(2, 3));
line-height: sqrt(1.2);
padding: hypot(3px, 4px);
order: log(10, 10);
min-height: calc(e - exp(1));
}
/* becomes */
.foo {
top: 8px;
line-height: 1.0954451150103;
padding: 5px;
order: 1;
min-height: 0;
}
Usage
Add PostCSS Exponential Functions to your project:
npm install postcss @csstools/postcss-exponential-functions --save-dev
Use it as a PostCSS plugin:
const postcss = require('postcss');
const postcssExponentialFunctions = require('@csstools/postcss-exponential-functions');
postcss([
postcssExponentialFunctions(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);
Options
preserve
The preserve
option determines whether the original notation
is preserved. By default, it is not preserved.
postcssExponentialFunctions({ preserve: true })
.foo {
top: calc(1px * pow(2, 3));
line-height: sqrt(1.2);
padding: hypot(3px, 4px);
order: log(10, 10);
min-height: calc(e - exp(1));
}
/* becomes */
.foo {
top: 8px;
top: calc(1px * pow(2, 3));
line-height: 1.0954451150103;
line-height: sqrt(1.2);
padding: 5px;
padding: hypot(3px, 4px);
order: 1;
order: log(10, 10);
min-height: 0;
min-height: calc(e - exp(1));
}
2.0.5
11 months ago
2.0.7
8 months ago
2.0.6
10 months ago
2.0.9
5 months ago
2.0.8
6 months ago
2.0.4
12 months ago
2.0.3
12 months ago
2.0.2
1 year ago
1.0.9
1 year ago
1.0.8
1 year ago
2.0.1
1 year ago
2.0.0
1 year ago
1.0.7
1 year ago
1.0.6
1 year ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago