npmpackage.info

Gathering detailed insights and metrics for postcss-clamp

postcss-clamp

PostCSS plugin to transform clamp() to combination of min/max

4.1.0

MIT

JavaScript

439,981,751 1.9

Installations

npm install postcss-clamp

Pull Requests

Open

3

Total

18

Closed

10

Merged

5

Issues

Open

0

Total

3

Closed

3

Releases

Unable to fetch releases

Developer

polemius

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

>=7.6.0

Typescript Support

No

Node Version

16.14.0

NPM Version

8.3.1 Statistics

29 Stars

32 Commits

1 Forks

2 Watching

4 Branches

2 Contributors

Updated on 11 Nov 2022

Languages

JavaScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

439,981,751

Last day

-3.6%

731,750

Compared to previous day

Last week

2.8%

3,853,446

Compared to previous week

Last month

9.2%

16,093,920

Compared to previous month

Last year

187,606,848

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

postcss-value-parser

Peer Dependencies

postcss

Versions

PostCSS Clamp

PostCSS plugin to transform clamp() to combination of min/max.

This plugin transform this css:

1.foo {
2  width: clamp(10px, 4em, 80px);
3}

into this:

1.foo {
2  width: max(10px, min(4em, 80px));
3}

Or with enabled options precalculate:

1.foo {
2  width: clamp(10em, 4px, 10px);
3}
4
5/* becomes */
6
7.foo {
8  width: max(10em, 14px);
9}

$'Can I use' table$

Instalation

1$ npm install postcss postcss-clamp --save-dev
2or
3$ yarn add --dev postcss postcss-clamp

Usage

Use PostCSS Clamp as a PostCSS plugin:

1const postcss = require('postcss');
2const postcssClamp = require('postcss-clamp');
3
4postcss([
5  postcssClamp(/* pluginOptions */)
6]).process(YOUR_CSS /*, processOptions */);

PostCSS Clamp runs in all Node environments, with special instructions for:

Node	PostCSS CLI	Webpack	Create React App	Gulp	Grunt

See PostCSS docs for examples for your environment.

Options

precalculate

The precalculate option determines whether values with the same unit should be precalculated. By default, these are not precalculation.

1postcssColorHexAlpha({
2  precalculate: true
3});

The second and third value has the same unit (px):

1.foo {
2  width: clamp(10em, 4px, 10px);
3}
4
5/* becomes */
6
7.foo {
8  width: max(10em, 14px);
9}

Here all values have the same unit:

1.foo {
2  width: clamp(10px, 4px, 10px);
3}
4
5/* becomes */
6
7.foo {
8  width: 24px;
9}

LICENSE

See LICENSE

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.9

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to postcss-clamp

Other packages similar to postcss-clamp

postcss-clamp

Installations

Pull Requests

3

18

10

5

Issues

0

3

3

Releases

Unable to fetch releases

Developer

polemius

Developer Guide

CommonJS

>=7.6.0

No

16.14.0

8.3.1

Statistics

Languages

Total Downloads

439,981,751

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

PostCSS Clamp

Instalation

Usage

Options

precalculate

LICENSE

10

10

1

0

0

0

0

0

0

0

1.9

/10