npmpackage.info

Gathering detailed insights and metrics for postcss-lab-function

postcss-lab-function

PostCSS Tools and Plugins

7.0.7

931

MIT-0

CSS

36.19 kB

1,410,053,329 5.9

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.7

Supply Chain

97.7

Quality

89.1

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

2

Total

1,161

Closed

154

Merged

1,005

Issues

Open

5

Total

351

Closed

346

Releases

Unable to fetch releases

Contributors

131

View all 131 contributors

Languages

CSS

JavaScript

TypeScript

HTML

Nunjucks

Shell

SCSS

CSS (43.37%)

JavaScript (30.22%)

TypeScript (22.76%)

HTML (3.06%)

Nunjucks (0.48%)

Shell (0.1%)

Developer

csstools

Download Statistics

Total Downloads

1,410,053,329

Last Day

1,017,192

Last Week

4,696,237

Last Month

21,581,102

Last Year

287,950,716

GitHub Statistics

931 Stars

4,164 Commits

73 Forks

11 Watching

3 Branches

131 Contributors

Bundle Size

169.04 kB

Minified

36.19 kB

Minified + Gzipped

Bundlephobia

Sponsor this package

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

Maintainers

Package Meta Information

Latest Version

7.0.7

Package Id

postcss-lab-function@7.0.7

Unpacked Size

11.12 kB

Size

4.03 kB

File Count

NPM Version

10.9.0

Node Version

22.12.0

Publised On

27 Dec 2024

Total Downloads

Cumulative downloads

Total Downloads

1,410,053,329

Last day

-6.7%

1,017,192

Compared to previous day

Last week

-18.4%

4,696,237

Compared to previous week

Last month

5.9%

21,581,102

Compared to previous month

Last year

-13.6%

287,950,716

Compared to previous year

Daily Downloads

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

Versions

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

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

License

Determines if the project has defined a license.

10

Binary-Artifacts

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

10

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.9

/10

Last Scanned on 2025-02-03

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