Skip to content

Commit 16fb777

Browse files
romainmenkeromainmenke
authored
postcss-preset-env : add color-mix (#903)
* postcss-preset-env : add color-mix * list all package updates in changelog
1 parent 30eab17 commit 16fb777

34 files changed

+366
-47
lines changed

‎plugin-packs/postcss-preset-env/CHANGELOG.md

Lines changed: 48 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,56 @@
11
# Changes to PostCSS Preset Env
22

3-
### Unreleased (unknown)
3+
### Unreleased (minor)
44

5+
- Added `@csstools/postcss-color-mix-function` [Check the plugin README](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-function#readme) for usage details.
6+
- Improve `debug` message format
7+
- Updated `@csstools/postcss-cascade-layers` to `3.0.1` (patch)
8+
- Updated `@csstools/postcss-color-function` to `2.2.0` (minor)
9+
- Updated `@csstools/postcss-font-format-keywords` to `2.0.2` (patch)
10+
- Updated `@csstools/postcss-hwb-function` to `2.2.0` (minor)
11+
- Updated `@csstools/postcss-ic-unit` to `2.0.2` (patch)
12+
- Updated `@csstools/postcss-is-pseudo-class` to `3.1.1` (minor)
13+
- Updated `@csstools/postcss-logical-float-and-clear` to `1.0.1` (patch)
14+
- Updated `@csstools/postcss-logical-resize` to `1.0.1` (patch)
15+
- Updated `@csstools/postcss-logical-viewport-units` to `1.0.2` (patch)
16+
- Updated `@csstools/postcss-media-queries-aspect-ratio-number-values` to `1.0.1` (patch)
17+
- Updated `@csstools/postcss-nested-calc` to `2.0.2` (patch)
18+
- Updated `@csstools/postcss-normalize-display-values` to `2.0.1` (patch)
19+
- Updated `@csstools/postcss-oklab-function` to `2.1.0` (minor)
20+
- Updated `@csstools/postcss-progressive-custom-properties` to `2.1.0` (minor)
21+
- Updated `@csstools/postcss-scope-pseudo-class` to `2.0.2` (patch)
22+
- Updated `@csstools/postcss-stepped-value-functions` to `2.1.0` (minor)
23+
- Updated `@csstools/postcss-text-decoration-shorthand` to `2.2.1` (minor)
24+
- Updated `@csstools/postcss-trigonometric-functions` to `2.1.0` (minor)
25+
- Updated `@csstools/postcss-unset-value` to `2.0.1` (patch)
26+
- Updated `autoprefixer` to `10.4.14` (patch)
27+
- Updated `browserslist` to `4.21.5` (patch)
28+
- Updated `css-blank-pseudo` to `5.0.2` (patch)
29+
- Updated `css-has-pseudo` to `5.0.2` (patch)
30+
- Updated `css-prefers-color-scheme` to `8.0.2` (patch)
531
- Updated `cssdb` to `7.5.1` (minor)
32+
- Updated `postcss-attribute-case-insensitive` to `6.0.2` (patch)
33+
- Updated `postcss-color-functional-notation` to `5.0.2` (patch)
34+
- Updated `postcss-color-hex-alpha` to `9.0.2` (patch)
35+
- Updated `postcss-color-rebeccapurple` to `8.0.2` (patch)
36+
- Updated `postcss-custom-media` to `9.1.2` (patch)
37+
- Updated `postcss-custom-properties` to `13.1.4` (patch)
38+
- Updated `postcss-custom-selectors` to `7.1.2` (patch)
39+
- Updated `postcss-dir-pseudo-class` to `7.0.2` (patch)
40+
- Updated `postcss-double-position-gradients` to `4.0.2` (patch)
41+
- Updated `postcss-focus-visible` to `8.0.2` (patch)
42+
- Updated `postcss-focus-within` to `7.0.2` (patch)
43+
- Updated `postcss-gap-properties` to `4.0.1` (patch)
44+
- Updated `postcss-image-set-function` to `5.0.2` (patch)
45+
- Updated `postcss-lab-function` to `5.2.0` (minor)
46+
- Updated `postcss-logical` to `6.1.0` (minor)
47+
- Updated `postcss-nesting` to `11.2.1` (minor)
648
- Updated `postcss-opacity-percentage` to `2.0.0` (major)
7-
- Improve `debug` message format
49+
- Updated `postcss-overflow-shorthand` to `4.0.1` (patch)
50+
- Updated `postcss-page-break` to `3.0.4` (patch)
51+
- Updated `postcss-place` to `8.0.1` (patch)
52+
- Updated `postcss-pseudo-class-any-link` to `8.0.2` (patch)
53+
- Updated `postcss-selector-not` to `7.0.1` (patch)
854

955
### 8.0.1 (January 28, 2023)
1056

‎plugin-packs/postcss-preset-env/dist/index.cjs

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎plugin-packs/postcss-preset-env/dist/index.mjs

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎plugin-packs/postcss-preset-env/dist/plugins/plugins-options.d.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import type { pluginOptions as postcssAttributeCaseInsensitive } from 'postcss-a
77
import type { pluginOptions as postcssClamp } from '../types/postcss-clamp/plugin-options';
88
import type { pluginOptions as postcssColorFunction } from '@csstools/postcss-color-function';
99
import type { pluginOptions as postcssColorFunctionalNotation } from 'postcss-color-functional-notation';
10+
import type { pluginOptions as postcssColorMixFunction } from '@csstools/postcss-color-mix-function';
1011
import type { pluginOptions as postcssCustomMedia } from 'postcss-custom-media';
1112
import type { pluginOptions as postcssCustomProperties } from 'postcss-custom-properties';
1213
import type { pluginOptions as postcssCustomSelectors } from 'postcss-custom-selectors';
@@ -66,6 +67,8 @@ export type pluginsOptions = {
6667
'color-function'?: postcssColorFunction | boolean;
6768
/** plugin options for "postcss-color-functional-notation" */
6869
'color-functional-notation'?: postcssColorFunctionalNotation | boolean;
70+
/** plugin options for "@csstools/postcss-color-mix-function" */
71+
'color-mix'?: postcssColorMixFunction | boolean;
6972
/** plugin options for "postcss-custom-media" */
7073
'custom-media-queries'?: postcssCustomMedia | boolean;
7174
/** plugin options for "postcss-custom-properties" */

‎plugin-packs/postcss-preset-env/package.json

Lines changed: 44 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -43,58 +43,59 @@
4343
"dist"
4444
],
4545
"dependencies": {
46-
"@csstools/postcss-cascade-layers": "^3.0.0",
47-
"@csstools/postcss-color-function": "^2.0.0",
48-
"@csstools/postcss-font-format-keywords": "^2.0.0",
49-
"@csstools/postcss-hwb-function": "^2.0.0",
50-
"@csstools/postcss-ic-unit": "^2.0.0",
51-
"@csstools/postcss-is-pseudo-class": "^3.0.0",
52-
"@csstools/postcss-logical-float-and-clear": "^1.0.0",
53-
"@csstools/postcss-logical-resize": "^1.0.0",
54-
"@csstools/postcss-logical-viewport-units": "^1.0.0",
55-
"@csstools/postcss-media-queries-aspect-ratio-number-values": "^1.0.0",
56-
"@csstools/postcss-nested-calc": "^2.0.0",
57-
"@csstools/postcss-normalize-display-values": "^2.0.0",
46+
"@csstools/postcss-cascade-layers": "^3.0.1",
47+
"@csstools/postcss-color-function": "^2.1.0",
48+
"@csstools/postcss-color-mix-function": "^0.0.0",
49+
"@csstools/postcss-font-format-keywords": "^2.0.2",
50+
"@csstools/postcss-hwb-function": "^2.1.1",
51+
"@csstools/postcss-ic-unit": "^2.0.2",
52+
"@csstools/postcss-is-pseudo-class": "^3.1.1",
53+
"@csstools/postcss-logical-float-and-clear": "^1.0.1",
54+
"@csstools/postcss-logical-resize": "^1.0.1",
55+
"@csstools/postcss-logical-viewport-units": "^1.0.2",
56+
"@csstools/postcss-media-queries-aspect-ratio-number-values": "^1.0.1",
57+
"@csstools/postcss-nested-calc": "^2.0.2",
58+
"@csstools/postcss-normalize-display-values": "^2.0.1",
5859
"@csstools/postcss-oklab-function": "^2.0.0",
59-
"@csstools/postcss-progressive-custom-properties": "^2.0.0",
60-
"@csstools/postcss-scope-pseudo-class": "^2.0.0",
61-
"@csstools/postcss-stepped-value-functions": "^2.0.0",
62-
"@csstools/postcss-text-decoration-shorthand": "^2.0.0",
63-
"@csstools/postcss-trigonometric-functions": "^2.0.0",
64-
"@csstools/postcss-unset-value": "^2.0.0",
65-
"autoprefixer": "^10.4.13",
66-
"browserslist": "^4.21.4",
67-
"css-blank-pseudo": "^5.0.0",
68-
"css-has-pseudo": "^5.0.0",
69-
"css-prefers-color-scheme": "^8.0.0",
60+
"@csstools/postcss-progressive-custom-properties": "^2.1.0",
61+
"@csstools/postcss-scope-pseudo-class": "^2.0.2",
62+
"@csstools/postcss-stepped-value-functions": "^2.1.0",
63+
"@csstools/postcss-text-decoration-shorthand": "^2.2.1",
64+
"@csstools/postcss-trigonometric-functions": "^2.1.0",
65+
"@csstools/postcss-unset-value": "^2.0.1",
66+
"autoprefixer": "^10.4.14",
67+
"browserslist": "^4.21.5",
68+
"css-blank-pseudo": "^5.0.2",
69+
"css-has-pseudo": "^5.0.2",
70+
"css-prefers-color-scheme": "^8.0.2",
7071
"cssdb": "^7.5.1",
71-
"postcss-attribute-case-insensitive": "^6.0.0",
72+
"postcss-attribute-case-insensitive": "^6.0.2",
7273
"postcss-clamp": "^4.1.0",
73-
"postcss-color-functional-notation": "^5.0.0",
74-
"postcss-color-hex-alpha": "^9.0.0",
75-
"postcss-color-rebeccapurple": "^8.0.0",
76-
"postcss-custom-media": "^9.1.0",
77-
"postcss-custom-properties": "^13.1.0",
78-
"postcss-custom-selectors": "^7.1.0",
79-
"postcss-dir-pseudo-class": "^7.0.0",
80-
"postcss-double-position-gradients": "^4.0.0",
81-
"postcss-focus-visible": "^8.0.0",
82-
"postcss-focus-within": "^7.0.0",
74+
"postcss-color-functional-notation": "^5.0.2",
75+
"postcss-color-hex-alpha": "^9.0.2",
76+
"postcss-color-rebeccapurple": "^8.0.2",
77+
"postcss-custom-media": "^9.1.2",
78+
"postcss-custom-properties": "^13.1.4",
79+
"postcss-custom-selectors": "^7.1.2",
80+
"postcss-dir-pseudo-class": "^7.0.2",
81+
"postcss-double-position-gradients": "^4.0.2",
82+
"postcss-focus-visible": "^8.0.2",
83+
"postcss-focus-within": "^7.0.2",
8384
"postcss-font-variant": "^5.0.0",
84-
"postcss-gap-properties": "^4.0.0",
85-
"postcss-image-set-function": "^5.0.0",
85+
"postcss-gap-properties": "^4.0.1",
86+
"postcss-image-set-function": "^5.0.2",
8687
"postcss-initial": "^4.0.1",
87-
"postcss-lab-function": "^5.0.0",
88-
"postcss-logical": "^6.0.0",
88+
"postcss-lab-function": "^5.1.0",
89+
"postcss-logical": "^6.1.0",
8990
"postcss-media-minmax": "^5.0.0",
90-
"postcss-nesting": "^11.0.0",
91+
"postcss-nesting": "^11.2.1",
9192
"postcss-opacity-percentage": "^2.0.0",
92-
"postcss-overflow-shorthand": "^4.0.0",
93+
"postcss-overflow-shorthand": "^4.0.1",
9394
"postcss-page-break": "^3.0.4",
94-
"postcss-place": "^8.0.0",
95-
"postcss-pseudo-class-any-link": "^8.0.0",
95+
"postcss-place": "^8.0.1",
96+
"postcss-pseudo-class-any-link": "^8.0.2",
9697
"postcss-replace-overflow-wrap": "^4.0.0",
97-
"postcss-selector-not": "^7.0.0",
98+
"postcss-selector-not": "^7.0.1",
9899
"postcss-value-parser": "^4.2.0"
99100
},
100101
"peerDependencies": {

‎plugin-packs/postcss-preset-env/scripts/plugins-data.json

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,11 @@
2424
"id": "clamp",
2525
"importName": "postcssClamp"
2626
},
27+
{
28+
"packageName": "@csstools/postcss-color-mix-function",
29+
"id": "color-mix",
30+
"importName": "postcssColorMixFunction"
31+
},
2732
{
2833
"packageName": "@csstools/postcss-color-function",
2934
"id": "color-function",

‎plugin-packs/postcss-preset-env/src/lib/ids-by-execution-order.mjs

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@ export default [
1717
'logical-properties-and-values', // run logical-properties-and-values before dir-pseudo-class
1818
'dir-pseudo-class',
1919
'all-property', // run all-property before other property polyfills
20+
'color-mix', // run before any other color functions
2021
'color-functional-notation',
2122
'double-position-gradients',
2223
'hexadecimal-alpha-notation',

‎plugin-packs/postcss-preset-env/src/plugins/plugins-by-id.mjs

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import postcssAttributeCaseInsensitive from 'postcss-attribute-case-insensitive'
77
import postcssClamp from 'postcss-clamp';
88
import postcssColorFunction from '@csstools/postcss-color-function';
99
import postcssColorFunctionalNotation from 'postcss-color-functional-notation';
10+
import postcssColorMixFunction from '@csstools/postcss-color-mix-function';
1011
import postcssCustomMedia from 'postcss-custom-media';
1112
import postcssCustomProperties from 'postcss-custom-properties';
1213
import postcssCustomSelectors from 'postcss-custom-selectors';
@@ -60,6 +61,7 @@ export const pluginsById = new Map(
6061
['clamp', postcssClamp],
6162
['color-function', postcssColorFunction],
6263
['color-functional-notation', postcssColorFunctionalNotation],
64+
['color-mix', postcssColorMixFunction],
6365
['custom-media-queries', postcssCustomMedia],
6466
['custom-properties', postcssCustomProperties],
6567
['custom-selectors', postcssCustomSelectors],

‎plugin-packs/postcss-preset-env/src/plugins/plugins-data.mjs

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,11 @@ export default [
2424
'id': 'clamp',
2525
'importName': 'postcssClamp',
2626
},
27+
{
28+
'packageName': '@csstools/postcss-color-mix-function',
29+
'id': 'color-mix',
30+
'importName': 'postcssColorMixFunction',
31+
},
2732
{
2833
'packageName': '@csstools/postcss-color-function',
2934
'id': 'color-function',

‎plugin-packs/postcss-preset-env/src/plugins/plugins-options.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import type { pluginOptions as postcssAttributeCaseInsensitive } from 'postcss-a
77
import type { pluginOptions as postcssClamp } from '../types/postcss-clamp/plugin-options';
88
import type { pluginOptions as postcssColorFunction } from '@csstools/postcss-color-function';
99
import type { pluginOptions as postcssColorFunctionalNotation } from 'postcss-color-functional-notation';
10+
import type { pluginOptions as postcssColorMixFunction } from '@csstools/postcss-color-mix-function';
1011
import type { pluginOptions as postcssCustomMedia } from 'postcss-custom-media';
1112
import type { pluginOptions as postcssCustomProperties } from 'postcss-custom-properties';
1213
import type { pluginOptions as postcssCustomSelectors } from 'postcss-custom-selectors';
@@ -67,6 +68,8 @@ export type pluginsOptions = {
6768
'color-function'?: postcssColorFunction | boolean
6869
/** plugin options for "postcss-color-functional-notation" */
6970
'color-functional-notation'?: postcssColorFunctionalNotation | boolean
71+
/** plugin options for "@csstools/postcss-color-mix-function" */
72+
'color-mix'?: postcssColorMixFunction | boolean
7073
/** plugin options for "postcss-custom-media" */
7174
'custom-media-queries'?: postcssCustomMedia | boolean
7275
/** plugin options for "postcss-custom-properties" */

‎plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -565,3 +565,14 @@
565565
@media (min-aspect-ratio: 177/100) {
566566
/* media query aspect ratio : <number> */
567567
}
568+
569+
.color-mix {
570+
color-1: rgba(0, 0, 255, 0.65);
571+
color-2: rgba(0, 0, 255, 0.65);
572+
color-3: rgba(0, 0, 255, 0.65);
573+
color-4: rgba(125, 0, 190, 0.65);
574+
color-4: color(display-p3 0.45007 0 0.73452 / 0.65);
575+
color-5: rgba(153, 0, 125, 0.65);
576+
color-5: color(display-p3 0.56492 0 0.48893 / 0.65);
577+
color-6: rgba(179, 0, 255, 0.65);
578+
}

‎plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -565,3 +565,14 @@
565565
@media (min-aspect-ratio: 177/100) {
566566
/* media query aspect ratio : <number> */
567567
}
568+
569+
.color-mix {
570+
color-1: rgba(0, 0, 255, 0.65);
571+
color-2: rgba(0, 0, 255, 0.65);
572+
color-3: rgba(0, 0, 255, 0.65);
573+
color-4: rgba(125, 0, 190, 0.65);
574+
color-4: color(display-p3 0.45007 0 0.73452 / 0.65);
575+
color-5: rgba(153, 0, 125, 0.65);
576+
color-5: color(display-p3 0.56492 0 0.48893 / 0.65);
577+
color-6: rgba(179, 0, 255, 0.65);
578+
}

‎plugin-packs/postcss-preset-env/test/basic.ch38.expect.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -475,3 +475,14 @@
475475
@media (min-aspect-ratio: 177/100) {
476476
/* media query aspect ratio : <number> */
477477
}
478+
479+
.color-mix {
480+
color-1: rgba(0, 0, 255, 0.65);
481+
color-2: rgba(0, 0, 255, 0.65);
482+
color-3: rgba(0, 0, 255, 0.65);
483+
color-4: rgba(125, 0, 190, 0.65);
484+
color-4: color(display-p3 0.45007 0 0.73452 / 0.65);
485+
color-5: rgba(153, 0, 125, 0.65);
486+
color-5: color(display-p3 0.56492 0 0.48893 / 0.65);
487+
color-6: rgba(179, 0, 255, 0.65);
488+
}

‎plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -471,3 +471,14 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe
471471
@media (min-aspect-ratio: 177/100) {
472472
/* media query aspect ratio : <number> */
473473
}
474+
475+
.color-mix {
476+
color-1: rgba(0, 0, 255, 0.65);
477+
color-2: rgba(0, 0, 255, 0.65);
478+
color-3: rgba(0, 0, 255, 0.65);
479+
color-4: rgba(125, 0, 190, 0.65);
480+
color-4: color(display-p3 0.45007 0 0.73452 / 0.65);
481+
color-5: rgba(153, 0, 125, 0.65);
482+
color-5: color(display-p3 0.56492 0 0.48893 / 0.65);
483+
color-6: rgba(179, 0, 255, 0.65);
484+
}

‎plugin-packs/postcss-preset-env/test/basic.ch88-ff78.expect.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -465,3 +465,14 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe
465465
@media (min-aspect-ratio: 177/100) {
466466
/* media query aspect ratio : <number> */
467467
}
468+
469+
.color-mix {
470+
color-1: rgba(0, 0, 255, 0.65);
471+
color-2: rgba(0, 0, 255, 0.65);
472+
color-3: rgba(0, 0, 255, 0.65);
473+
color-4: rgba(125, 0, 190, 0.65);
474+
color-4: color(display-p3 0.45007 0 0.73452 / 0.65);
475+
color-5: rgba(153, 0, 125, 0.65);
476+
color-5: color(display-p3 0.56492 0 0.48893 / 0.65);
477+
color-6: rgba(179, 0, 255, 0.65);
478+
}

‎plugin-packs/postcss-preset-env/test/basic.ch88-ff78.no-is-pseudo.expect.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -465,3 +465,14 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe
465465
@media (min-aspect-ratio: 177/100) {
466466
/* media query aspect ratio : <number> */
467467
}
468+
469+
.color-mix {
470+
color-1: rgba(0, 0, 255, 0.65);
471+
color-2: rgba(0, 0, 255, 0.65);
472+
color-3: rgba(0, 0, 255, 0.65);
473+
color-4: rgba(125, 0, 190, 0.65);
474+
color-4: color(display-p3 0.45007 0 0.73452 / 0.65);
475+
color-5: rgba(153, 0, 125, 0.65);
476+
color-5: color(display-p3 0.56492 0 0.48893 / 0.65);
477+
color-6: rgba(179, 0, 255, 0.65);
478+
}

‎plugin-packs/postcss-preset-env/test/basic.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -438,3 +438,12 @@
438438
@media (min-aspect-ratio: 1.77) {
439439
/* media query aspect ratio : <number> */
440440
}
441+
442+
.color-mix {
443+
color-1: color-mix(in srgb, rgb(255 0 0 / 0), blue 65%);
444+
color-2: color-mix(in lab, rgb(255 0 0 / 0), blue 65%);
445+
color-3: color-mix(in xyz, rgb(255 0 0 / 0), blue 65%);
446+
color-4: color-mix(in oklch, rgb(255 0 0 / 0), blue 65%);
447+
color-5: color-mix(in lch, rgb(255 0 0 / 0), blue 65%);
448+
color-6: color-mix(in hsl, rgb(255 0 0 / 0), blue 65%);
449+
}

‎plugin-packs/postcss-preset-env/test/basic.expect.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -585,3 +585,14 @@
585585
@media (min-aspect-ratio: 177/100) {
586586
/* media query aspect ratio : <number> */
587587
}
588+
589+
.color-mix {
590+
color-1: rgba(0, 0, 255, 0.65);
591+
color-2: rgba(0, 0, 255, 0.65);
592+
color-3: rgba(0, 0, 255, 0.65);
593+
color-4: rgba(125, 0, 190, 0.65);
594+
color-4: color(display-p3 0.45007 0 0.73452 / 0.65);
595+
color-5: rgba(153, 0, 125, 0.65);
596+
color-5: color(display-p3 0.56492 0 0.48893 / 0.65);
597+
color-6: rgba(179, 0, 255, 0.65);
598+
}

‎plugin-packs/postcss-preset-env/test/basic.ff49.expect.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -476,3 +476,14 @@
476476
@media (min-aspect-ratio: 177/100) {
477477
/* media query aspect ratio : <number> */
478478
}
479+
480+
.color-mix {
481+
color-1: rgba(0, 0, 255, 0.65);
482+
color-2: rgba(0, 0, 255, 0.65);
483+
color-3: rgba(0, 0, 255, 0.65);
484+
color-4: rgba(125, 0, 190, 0.65);
485+
color-4: color(display-p3 0.45007 0 0.73452 / 0.65);
486+
color-5: rgba(153, 0, 125, 0.65);
487+
color-5: color(display-p3 0.56492 0 0.48893 / 0.65);
488+
color-6: rgba(179, 0, 255, 0.65);
489+
}

‎plugin-packs/postcss-preset-env/test/basic.ff66.expect.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -471,3 +471,14 @@
471471
@media (min-aspect-ratio: 177/100) {
472472
/* media query aspect ratio : <number> */
473473
}
474+
475+
.color-mix {
476+
color-1: rgba(0, 0, 255, 0.65);
477+
color-2: rgba(0, 0, 255, 0.65);
478+
color-3: rgba(0, 0, 255, 0.65);
479+
color-4: rgba(125, 0, 190, 0.65);
480+
color-4: color(display-p3 0.45007 0 0.73452 / 0.65);
481+
color-5: rgba(153, 0, 125, 0.65);
482+
color-5: color(display-p3 0.56492 0 0.48893 / 0.65);
483+
color-6: rgba(179, 0, 255, 0.65);
484+
}

0 commit comments

Comments
 (0)