Skip to content

Commit

Permalink
fix: nesting selectors in menu item (#543)
Browse files Browse the repository at this point in the history
# Motivation

Fix an error - that blocks the build - detected when migrating to Svelte
v5 in #541:

> error during build:
[vite-plugin-svelte] [plugin vite-plugin-svelte]
src/lib/components/MenuItem.svelte (73:10):
src/lib/components/MenuItem.svelte:73:10 Nesting selectors can only be
used inside a rule or as the first selector inside a lone `:global(...)`

It seems that the rule is actually unused / not applied. Therefore I
remove it.

# Changes

- Remove nested CSS global rule.
  • Loading branch information
peterpeterparker authored Dec 9, 2024
1 parent de4cd5a commit 0276379
Showing 1 changed file with 0 additions and 5 deletions.
5 changes: 0 additions & 5 deletions src/lib/components/MenuItem.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -89,11 +89,6 @@
color: var(--menu-select-color);
}
:global(& > :first-child) {
// preserve icon size
flex: none;
}
:global(svg) {
width: var(--padding-3x);
min-width: var(--padding-3x);
Expand Down

0 comments on commit 0276379

Please sign in to comment.