Remove the svelte-preprocess dev dependency, keeping global styles with a custom Vite plugin (#4003)

* Remove the svelte-preprocess dev dependency, keeping global styles with a custom Vite plugin

* More robust style tag detection

* Fix CSS regressions
This commit is contained in:
Keavon Chambers
2026-04-03 23:53:46 -07:00
committed by GitHub
parent 55463fe0aa
commit e0212ca4b9
55 changed files with 99 additions and 144 deletions
@@ -130,7 +130,7 @@
{/each}
</LayoutRow>
<style lang="scss" global>
<style lang="scss">
.shortcut-label {
align-items: center;
@@ -156,34 +156,34 @@
fill: var(--color-8-uppergray);
}
}
}
.floating-menu-content .row > & {
.key-label,
.mouse-icon {
color: var(--color-8-uppergray);
background: none;
.floating-menu-content .row > .shortcut-label {
.key-label,
.mouse-icon {
color: var(--color-8-uppergray);
background: none;
&:first-child {
padding-left: 0;
}
&:last-child {
padding-right: 0;
}
&:first-child {
padding-left: 0;
}
.key-label svg {
fill: var(--color-8-uppergray);
&:last-child {
padding-right: 0;
}
}
.mouse-icon svg {
// 3 shades brighter than the 8-uppergray of key labels/icons
fill: var(--color-b-lightgray);
.key-label svg {
fill: var(--color-8-uppergray);
}
.dim {
// 3 shades darker than the 8-uppergray of key labels/icons
fill: var(--color-5-dullgray);
}
.mouse-icon svg {
// 3 shades brighter than the 8-uppergray of key labels/icons
fill: var(--color-b-lightgray);
.dim {
// 3 shades darker than the 8-uppergray of key labels/icons
fill: var(--color-5-dullgray);
}
}
}