mirror of
https://github.com/GraphiteEditor/Graphite.git
synced 2026-09-25 06:58:11 +08:00
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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user