fix(styles): Fix relative import path of SASS files.

thet · thet · commit 6a28f02529ce · 2025-04-03T14:21:55.000+02:00
The SASS docs suggest to use real relative imports - we don't have a load-path definition here.
sass-migrator also wouldn't migrate with this kind of imports.
diff --git a/_sass/_patterns.scss b/_sass/_patterns.scss
@@ -14,29 +14,29 @@
 @import "components/button-bar";
 @import "components/form";
 @import "components/icon";
-@import "src/pat/auto-scale/auto-scale";
-@import "src/pat/auto-suggest/auto-suggest";
-@import "src/pat/carousel/carousel";
-@import "src/pat/checklist/checklist";
-@import "src/pat/collapsible/collapsible";
-@import "src/pat/colour-picker/colour-picker";
-@import "src/pat/date-picker/date-picker";
-@import "src/pat/datetime-picker/datetime-picker";
-@import "src/pat/equaliser/equaliser";
-@import "src/pat/expandable-tree/expandable-tree";
-@import "src/pat/focus/focus";
-@import "src/pat/gallery/gallery";
-@import "src/pat/grid/grid";
-@import "src/pat/image-crop/image-crop";
-@import "src/pat/inject/inject";
-@import "src/pat/inject/injection";
-@import "src/pat/masonry/masonry";
-@import "src/pat/menu/menu";
-@import "src/pat/modal/modal";
-@import "src/pat/notification/notification";
-@import "src/pat/sortable/sortable";
-@import "src/pat/stacks/stacks";
-@import "src/pat/switch/switch";
-@import "src/pat/syntax-highlight/syntax-highlight";
-@import "src/pat/toggle/toggle";
-@import "src/pat/tooltip/tooltip";
+@import "../src/pat/auto-scale/auto-scale";
+@import "../src/pat/auto-suggest/auto-suggest";
+@import "../src/pat/carousel/carousel";
+@import "../src/pat/checklist/checklist";
+@import "../src/pat/collapsible/collapsible";
+@import "../src/pat/colour-picker/colour-picker";
+@import "../src/pat/date-picker/date-picker";
+@import "../src/pat/datetime-picker/datetime-picker";
+@import "../src/pat/equaliser/equaliser";
+@import "../src/pat/expandable-tree/expandable-tree";
+@import "../src/pat/focus/focus";
+@import "../src/pat/gallery/gallery";
+@import "../src/pat/grid/grid";
+@import "../src/pat/image-crop/image-crop";
+@import "../src/pat/inject/inject";
+@import "../src/pat/inject/injection";
+@import "../src/pat/masonry/masonry";
+@import "../src/pat/menu/menu";
+@import "../src/pat/modal/modal";
+@import "../src/pat/notification/notification";
+@import "../src/pat/sortable/sortable";
+@import "../src/pat/stacks/stacks";
+@import "../src/pat/switch/switch";
+@import "../src/pat/syntax-highlight/syntax-highlight";
+@import "../src/pat/toggle/toggle";
+@import "../src/pat/tooltip/tooltip";
diff --git a/src/pat/auto-suggest/_auto-suggest.scss b/src/pat/auto-suggest/_auto-suggest.scss
@@ -1,5 +1,5 @@
 @charset "UTF-8";
-@import "settings";
+@import "../../../_sass/settings";
 
 /* @group Auto suggest */
 
diff --git a/src/pat/checklist/_checklist.scss b/src/pat/checklist/_checklist.scss
@@ -1,5 +1,5 @@
 @charset "UTF-8";
-@import "settings";
+@import "../../../_sass/settings";
 
 .pat-checklist {
     > br {
diff --git a/src/pat/collapsible/_collapsible.scss b/src/pat/collapsible/_collapsible.scss
@@ -1,5 +1,5 @@
-@import "settings";
-@import "components/button";
+@import "../../../_sass/settings";
+@import "../../../_sass/components/button";
 
 .pat-collapsible {
     margin-bottom: 0.5em;
diff --git a/src/pat/colour-picker/_colour-picker.scss b/src/pat/colour-picker/_colour-picker.scss
@@ -1,6 +1,6 @@
 @charset "UTF-8";
 
-@import "spectrum-colorpicker/spectrum";
+@import "../../../node_modules/spectrum-colorpicker/spectrum";
 
 .checkNative,
 .checkPattern {
diff --git a/src/pat/date-picker/_date-picker.scss b/src/pat/date-picker/_date-picker.scss
@@ -1,2 +1,2 @@
 @charset "UTF-8";
-@import "pikaday/scss/pikaday.scss";
+@import "../../../node_modules/pikaday/scss/pikaday.scss";
diff --git a/src/pat/equaliser/_equaliser.scss b/src/pat/equaliser/_equaliser.scss
@@ -1,4 +1,4 @@
-@import "src/pat/collapsible/collapsible";
+@import "../collapsible/collapsible";
 
 .column > .panel,
 .columns > .panel {
diff --git a/src/pat/focus/_focus.scss b/src/pat/focus/_focus.scss
@@ -1,4 +1,4 @@
-@import "settings";
+@import "../../../_sass/settings";
 
 fieldset.focus > .legend,
 label.focus {
diff --git a/src/pat/fullscreen/_fullscreen.scss b/src/pat/fullscreen/_fullscreen.scss
@@ -1,4 +1,4 @@
-@import "settings";
+@import "../../../_sass/settings";
 
 :fullscreen {
     background-color: transparent;
diff --git a/src/pat/notification/_notification.scss b/src/pat/notification/_notification.scss
@@ -1,6 +1,6 @@
 @charset "UTF-8";
-@import "settings";
-@import "components/button";
+@import "../../../_sass/settings";
+@import "../../../_sass/components/button";
 
 .pat-notification-panel {
     padding: 0.5em;
diff --git a/src/pat/tooltip/_tooltip.scss b/src/pat/tooltip/_tooltip.scss
@@ -1,2 +1,2 @@
 @charset "UTF-8";
-@import "node_modules/tippy.js/dist/tippy";
+@import "../../../node_modules/tippy.js/dist/tippy";

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`	`1`	`@charset "UTF-8";`
`2`		`-@import "pikaday/scss/pikaday.scss";`
	`2`	`+@import "../../../node_modules/pikaday/scss/pikaday.scss";`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@import "src/pat/collapsible/collapsible";`
	`1`	`+@import "../collapsible/collapsible";`
`2`	`2`
`3`	`3`	`.column > .panel,`
`4`	`4`	`.columns > .panel {`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@import "settings";`
	`1`	`+@import "../../../_sass/settings";`
`2`	`2`
`3`	`3`	`fieldset.focus > .legend,`
`4`	`4`	`label.focus {`