npmpackage.info

Gathering detailed insights and metrics for postcss-lab-function

postcss-lab-function - 7.0.10 | npmpackage.info

postcss-lab-function

PostCSS Tools and Plugins

7.0.10

981

MIT-0

CSS

36.81 kB

1,514,912,913 5.8

Installations

npm install postcss-lab-function

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Min. Node Version

>=18

Node Version

22.12.0

NPM Version

10.9.0 Score

97.6

Supply Chain

97.7

Quality

88.1

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

4

Total

1,230

Closed

170

Merged

1,056

Issues

Open

6

Total

364

Closed

358

Releases

Unable to fetch releases

Languages

CSS

JavaScript

TypeScript

HTML

Nunjucks

Shell

SCSS

CSS (43.25%)

JavaScript (30.24%)

TypeScript (22.9%)

HTML (3.03%)

Nunjucks (0.48%)

Shell (0.1%)

Developer

csstools

Download Statistics

Total Downloads

1,514,912,913

Last Day

332,706

Last Week

5,926,934

Last Month

25,227,205

Last Year

289,285,065

GitHub Statistics

MIT-0 License

981 Stars

4,379 Commits

78 Forks

9 Watchers

6 Branches

132 Contributors

Updated on Jun 30, 2025

Bundle Size

175.54 kB

Minified

36.81 kB

Minified + Gzipped

Bundlephobia

Sponsor this package

https://github.com/sponsors/csstools https://opencollective.com/csstools

Maintainers

View All 132 Contributors

Package Meta Information

Latest Version

7.0.10

Package Id

postcss-lab-function@7.0.10

Unpacked Size

11.91 kB

Size

4.11 kB

File Count

NPM Version

10.9.0

Node Version

22.12.0

Published on

May 27, 2025

Total Downloads

Cumulative downloads

Total Downloads

1,514,912,913

Last Day

-13.3%

332,706

Compared to previous day

Last Week

-9.1%

5,926,934

Compared to previous week

Last Month

3.5%

25,227,205

Compared to previous month

Last Year

-7.9%

289,285,065

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@csstools/css-color-parser @csstools/css-parser-algorithms @csstools/css-tokenizer @csstools/postcss-progressive-custom-properties @csstools/utilities

Peer Dependencies

postcss

PostCSS Lab Function

PostCSS Lab Function lets you use lab and lch color functions in CSS, following the CSS Color specification.

1.color-lab {
2	color: lab(40% 56.6 39);
3}
4
5.color-lch {
6	color: lch(40% 68.735435 34.568626);
7}
8
9/* becomes */
10
11.color {
12	color: rgb(179, 35, 35);
13	color: color(display-p3 0.64331 0.19245 0.16771);
14}
15
16.color-lch {
17	color: rgb(179, 35, 35);
18	color: color(display-p3 0.64331 0.19245 0.16771);
19}

Usage

Add PostCSS Lab Function to your project:

1npm install postcss postcss-lab-function --save-dev

Use it as a PostCSS plugin:

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

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

Node	PostCSS CLI	Webpack	Gulp	Grunt

Options

preserve

The preserve option determines whether the original functional color notation is preserved. By default, it is not preserved.

1postcssLabFunction({ preserve: true })

1.color {
2	color: lab(40% 56.6 39);
3}
4
5/* becomes */
6
7.color {
8	color: rgb(179, 35, 35);
9	color: color(display-p3 0.64331 0.19245 0.16771);
10	color: lab(40% 56.6 39);
11}

enableProgressiveCustomProperties

The enableProgressiveCustomProperties option determines whether the original notation is wrapped with @supports when used in Custom Properties. By default, it is enabled.

[!NOTE] We only recommend disabling this when you set preserve to false or if you bring your own fix for Custom Properties.
See what the plugin does in its README.

1postcssLabFunction({ enableProgressiveCustomProperties: false })

1:root {
2	--firebrick: lab(40% 56.6 39);
3}
4
5/* becomes */
6
7:root {
8	--firebrick: rgb(178, 34, 34); /* will never be used, not even in older browser */
9	--firebrick: color(display-p3 0.64331 0.19245 0.16771); /* will never be used, not even in older browser */
10	--firebrick: lab(40% 56.6 39);
11}

subFeatures

displayP3

The subFeatures.displayP3 option determines if color(display-p3 ...) is used as a fallback.
By default, it is enabled.

display-p3 can display wider gamut colors than rgb on some devices.

1postcssOKLabFunction({
2	subFeatures: {
3		displayP3: false
4	}
5})

1.color {
2	color: lab(40% 56.6 39);
3}
4
5/* becomes */
6
7.color {
8	color: rgb(179, 35, 35);
9	color: lab(40% 56.6 39);
10}

Copyright : color conversions

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

License

Determines if the project has defined a license.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Security-Policy

Determines if the project has published a security policy.

10

Binary-Artifacts

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

9

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

7

SAST

Determines if the project uses static code analysis.

3

Branch-Protection

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

3

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 3

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/codeql.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/codeql.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:33: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/codeql.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:42: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/codeql.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-preset-env.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/deploy-preset-env.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-preset-env.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/deploy-preset-env.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/labeler.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/labeler.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/lint.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/lint.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/test.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:37: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/test.yml/main?enable=pin
Warn: npmCommand not pinned by hash: .github/workflows/test.yml:98
Info: 0 out of 11 GitHub-owned GitHubAction dependencies pinned
Info: 6 out of 7 npmCommand dependencies pinned

0

Code-Review

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

0

CII-Best-Practices

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

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Fuzzing

Determines if the project uses fuzzing.

Score

5.8

/10

Last Scanned on 2025-06-30

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