Skip to content

Conversation

@J-Sek
Copy link
Contributor

@J-Sek J-Sek commented Dec 4, 2025

Description

  • introduces $misc map to opt-out from utilities that are not covered by $utilities.

Context:
Imagine a project where you don't want to disable all $utilities (because you like border, rounded or want to keep some styles pre-generated for VRow), but you also want modern or standardized shadows. You can override them, but they are still added to the bundle.

// it feels wrong, I should only need elevation-0 here
.elevation-0,
.elevation-4,
.elevation-5,
.elevation-6,
.elevation-7,
.elevation-8,
.elevation-9,
.elevation-10,
.elevation-11,
.elevation-12 { box-shadow: none !important }

// standardized levels 0-3
.elevation-1 { ... }
.elevation-2 { ... }
.elevation-3 { ... }

related to #20100

Markup:

@use 'vuetify' with (
  $misc: (
    elevation: false,
    hidden: false,
    'sr-only': false,
    'pointer-events': false,
  ),
);

@J-Sek J-Sek self-assigned this Dec 4, 2025
@J-Sek J-Sek added T: enhancement Functionality that enhances existing features sass labels Dec 4, 2025
@J-Sek J-Sek changed the title feat(VList): add navigation-strategy to control focused item (#22328) feat(styles): possibility to opt-out from misc styles Dec 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

sass T: enhancement Functionality that enhances existing features

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants