Skip to content

position-area-property #1731

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Dec 3, 2025
+2,018 −90
Merged

position-area-property #1731

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
position-area-property
  • Loading branch information
@romainmenke
romainmenke committed Dec 3, 2025
commit fe8f92fc4ebc3964b20b83cf84c4a88c56c8bfd6
1 change: 1 addition & 0 deletions .github/ISSUE_TEMPLATE/css-issue.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -119,6 +119,7 @@ body:
- PostCSS Overflow Shorthand
- PostCSS Page Break
- PostCSS Place
- PostCSS Position Area Property
- PostCSS Progressive Custom Properties
- PostCSS Pseudo Class Any Link
- PostCSS Random Function
Expand Down
1 change: 1 addition & 0 deletions .github/ISSUE_TEMPLATE/plugin-issue.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -116,6 +116,7 @@ body:
- PostCSS Overflow Shorthand
- PostCSS Page Break
- PostCSS Place
- PostCSS Position Area Property
- PostCSS Progressive Custom Properties
- PostCSS Pseudo Class Any Link
- PostCSS Random Function
Expand Down
6 changes: 6 additions & 0 deletions .github/labeler.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -395,6 +395,12 @@
- plugins/postcss-place/**
- experimental/postcss-place/**

"plugins/postcss-position-area-property":
- changed-files:
- any-glob-to-any-file:
- plugins/postcss-position-area-property/**
- experimental/postcss-position-area-property/**

"plugins/postcss-progressive-custom-properties":
- changed-files:
- any-glob-to-any-file:
Expand Down
37 changes: 33 additions & 4 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion plugin-packs/postcss-preset-env/dist/index.cjs
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion plugin-packs/postcss-preset-env/dist/index.mjs
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion plugin-packs/postcss-preset-env/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,7 @@
"css-blank-pseudo": "^7.0.1",
"css-has-pseudo": "^7.0.3",
"css-prefers-color-scheme": "^10.0.0",
"cssdb": "^8.4.2",
"cssdb": "^8.5.1",
"postcss-attribute-case-insensitive": "^7.0.1",
"postcss-clamp": "^4.1.0",
"postcss-color-functional-notation": "^7.0.12",
Expand Down
33 changes: 33 additions & 0 deletions plugin-packs/postcss-preset-env/src/lib/get-unsupported-browsers-by-feature.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,39 @@ export function getUnsupportedBrowsersByFeature(feature) {
return [];
}

if (feature.id === 'position-area-property') {
// https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position-area#browser_compatibility
// this can't be expressed in CSSDB
return [
'chrome 125',
'chrome 126',
'chrome 127',
'chrome 128',
'edge 125',
'edge 126',
'edge 127',
'edge 128',
'and_chr 125',
'and_chr 126',
'and_chr 127',
'and_chr 128',
'android 125',
'android 126',
'android 127',
'android 128',

'samsung 27',

'opera 111',
'opera 112',
'opera 113',
'opera 114',
'op_mob 83',
'op_mob 84',
'op_mob 85',
];
}

if (!('browser_support' in feature)) {
// the feature does not work in any browser (yet)
return [ '> 0%' ];
Expand Down
1 change: 1 addition & 0 deletions plugin-packs/postcss-preset-env/src/lib/ids-by-execution-order.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,7 @@ export default [
'overflow-property',
'overflow-wrap-property',
'place-properties',
'position-area-property',
'system-ui-font-family',
'font-format-keywords',
'display-two-values',
Expand Down
12 changes: 12 additions & 0 deletions plugin-packs/postcss-preset-env/test/_tape.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,18 @@ postcssTape(plugin)({
browsers: 'chrome >= 38',
},
},
'basic:ch126': {
message: 'supports { browsers: "chrome >= 126" } usage',
options: {
browsers: 'chrome >= 126',
},
},
'basic:ch130': {
message: 'supports { browsers: "chrome >= 130" } usage',
options: {
browsers: 'chrome >= 130',
},
},
'basic:ie10': {
message: 'supports { browsers: "ie >= 10" } usage',
options: {
Expand Down
12 changes: 8 additions & 4 deletions plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -745,15 +745,19 @@

.random {
color: rgb(
70,
100,
25
115,
185,
190
);

border-color: rgb(156, 84, 140);
border-color: rgb(17, 58, 166);
}

.contrast-color {
color: rgb(255, 255, 255);
color: contrast-color(green);
}

.position-area {
position-area: start;
}
12 changes: 8 additions & 4 deletions plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -750,15 +750,19 @@

.random {
color: rgb(
70,
100,
25
115,
185,
190
);

border-color: rgb(156, 84, 140);
border-color: rgb(17, 58, 166);
}

.contrast-color {
color: rgb(255, 255, 255);
color: contrast-color(green);
}

.position-area {
position-area: start;
}
12 changes: 8 additions & 4 deletions plugin-packs/postcss-preset-env/test/basic.autoprefixer.remove.false.expect.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -768,15 +768,19 @@

.random {
color: rgb(
70,
100,
25
115,
185,
190
);

border-color: rgb(156, 84, 140);
border-color: rgb(17, 58, 166);
}

.contrast-color {
color: rgb(255, 255, 255);
color: contrast-color(green);
}

.position-area {
position-area: start;
}
Loading