Visitar URL original
chore(tools): remove postcss workaround for CSS container style queries by nnaydenow · Pull Request #14140 · UI5/webcomponents · GitHub
Skip to content

chore(tools): remove postcss workaround for CSS container style queries - #14140

Merged
nnaydenow merged 4 commits into
mainfrom
postcss-selector
Oct 14, 2026
Merged

nnaydenow merged 4 commits into
mainfrom
postcss-selector

Conversation

@nnaydenow

@nnaydenow nnaydenow commented Oct 12, 2026 •

Copy link
Copy Markdown
Contributor
  • Remove workaround that was needed to handle @container style() queries; CSS now supports them natively
  • Rewrite merge-light-dark to walk the full CSS tree and group declarations by (atRuleContext, selector) pairs, so @container style() rules are merged correctly
  • Color values use light-dark(); non-color differing values split into @media (prefers-color-scheme: light/dark) blocks; identical values emitted once
  • Remove selector parameter from mergeLightDark entirely
  • Simplify addAutoThemeSetup to only inject color-scheme: light dark
  • Fix auto theme generation for packages with empty CSS files

@sap-ui5-webcomponents-release

Copy link
Copy Markdown

@nnaydenow
nnaydenow merged commit dee7ae0 into main Oct 14, 2026
27 of 29 checks passed
@nnaydenow
nnaydenow deleted the postcss-selector branch October 14, 2026 07:51
@sap-ui5-webcomponents-release

Copy link
Copy Markdown

🧹 Preview deployment cleaned up: https://pr-14140--ui5-webcomponents.netlify.app

nnaydenow added a commit that referenced this pull request Oct 26, 2026
#14204)

- Replace `@container style(--ui5_content_density: compact)` with `@ui5-compact-size`
  custom at-rule across 87 CSS parameter files — build-time only, never reaches browser
- Revert merge-light-dark to full tree-walking extractVarGroups approach from #14140
- Revert addAutoThemeSetup to simple color-scheme injection (no toggle vars) from #14140
- Restore AvatarGroup size-class indirection pattern (_xs/_s/_m/_l/_xl variables) from #14140
- Add ContentDensity.html test page with cozy/compact comparison tables,
  including nested component test (ui5-multi-input with tokens)

This branch was previously deployed

1 inactive deployment
netlify-preview — b18bf9e5 Deployed Oct 14, 2026 by nnaydenow via cleanup-preview #705
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants