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
@@ -20,7 +20,7 @@
{/each}
</LayoutRow>
<style lang="scss" global>
<style lang="scss">
.breadcrumb-trail-buttons {
.text-button {
position: relative;
@@ -45,7 +45,7 @@
{/if}
</button>
<style lang="scss" global>
<style lang="scss">
.icon-button {
display: flex;
justify-content: center;
@@ -34,7 +34,7 @@
on:click={action}
/>
<style lang="scss" global>
<style lang="scss">
.image-button {
width: auto;
height: auto;
@@ -44,7 +44,7 @@
</button>
</LayoutRow>
<style lang="scss" global>
<style lang="scss">
.parameter-expose-button {
display: flex;
align-items: center;
@@ -54,7 +54,7 @@
</FloatingMenu>
</LayoutRow>
<style lang="scss" global>
<style lang="scss">
.popover-button {
position: relative;
width: 16px;
@@ -105,7 +105,7 @@
{/if}
</ConditionalWrapper>
<style lang="scss" global>
<style lang="scss">
.text-button-container {
display: flex;
position: relative;
@@ -194,15 +194,15 @@
.text-label {
overflow: hidden;
}
}
// Custom styling for when multiple TextButton widgets are used next to one another in a row or column
.widget-span.row > & + .text-button,
.layout-row > & + .text-button {
margin-left: 8px;
}
.widget-span.column > & + .text-button,
.layout-column > & + .text-button {
margin-top: 8px;
}
// Custom styling for when multiple TextButton widgets are used next to one another in a row or column
.widget-span.row > .text-button + .text-button,
.layout-row > .text-button + .text-button {
margin-left: 8px;
}
.widget-span.column > .text-button + .text-button,
.layout-column > .text-button + .text-button {
margin-top: 8px;
}
</style>