KEMBAR78
refactor!: convert Lumo compact preset to CSS files by web-padawan · Pull Request #10132 · vaadin/web-components · GitHub
Skip to content

Conversation

@web-padawan
Copy link
Member

Description

Fixes #1682

Type of change

  • Breaking change

*/

/* Use a stronger selector so that imports added later do not override the property values */
:where(:root, :host):not(div) {
Copy link
Member

@jouni jouni Sep 8, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Using :where() would not increase specificity. Though, with :is() the specificity is even higher than before, 0, 1, 1 vs 0, 0, 2. I don't think that’s an issue.

Suggested change
:where(:root, :host):not(div) {
:is(:root, :host):not(div) {

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Other Lumo CSS modules use where(). Updated to use :is() here - it should be enough to override that.

@sonarqubecloud
Copy link

sonarqubecloud bot commented Sep 8, 2025

@web-padawan web-padawan removed the request for review from sissbruecker September 8, 2025 12:28
@web-padawan web-padawan merged commit 52c1400 into main Sep 8, 2025
9 checks passed
@web-padawan web-padawan deleted the feat/lumo-compact-css branch September 8, 2025 12:28
@vaadin-bot
Copy link
Collaborator

This ticket/PR has been released with Vaadin 25.0.0-alpha10.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[lumo] Turn compact preset into a reusable style module

3 participants