diff --git a/ts/compile_sass.bzl b/ts/compile_sass.bzl index 7ab1aba6a..82676dabb 100644 --- a/ts/compile_sass.bzl +++ b/ts/compile_sass.bzl @@ -14,7 +14,10 @@ def compile_sass(group, srcs, deps = [], visibility = ["//visibility:private"]): sourcemap = False, deps = deps, visibility = visibility, - include_paths = ["external/ankidesktop"], + include_paths = [ + "ts/sass", + "external/ankidesktop/ts/sass", + ], ) native.filegroup( diff --git a/ts/graphs/graphs-base.scss b/ts/graphs/graphs-base.scss index f85f0c898..acdf1c368 100644 --- a/ts/graphs/graphs-base.scss +++ b/ts/graphs/graphs-base.scss @@ -1,5 +1,5 @@ -@use 'ts/sass/base'; -@use 'ts/sass/scrollbar'; +@use 'base'; +@use 'scrollbar'; .night-mode { @include scrollbar.night-mode; diff --git a/ts/sass/base.scss b/ts/sass/base.scss index 5139aebeb..b7b511c6b 100644 --- a/ts/sass/base.scss +++ b/ts/sass/base.scss @@ -19,8 +19,8 @@ $utilities: ( ), ); -@import "ts/sass/bootstrap/bootstrap-reboot"; -@import "ts/sass/bootstrap/bootstrap-utilities"; +@import "bootstrap/scss/bootstrap-reboot"; +@import "bootstrap/scss/bootstrap-utilities"; /* Bootstrap "extensions" */ .flex-basis-100 { diff --git a/ts/sass/bootstrap/BUILD.bazel b/ts/sass/bootstrap/BUILD.bazel index 54062b233..5dda9e78d 100644 --- a/ts/sass/bootstrap/BUILD.bazel +++ b/ts/sass/bootstrap/BUILD.bazel @@ -9,7 +9,6 @@ vendor_js_lib( ], base = "external/npm/node_modules/bootstrap/", pkg = pkg_from_name("bootstrap"), - strip_prefix = "scss/", visibility = ["//visibility:private"], ) diff --git a/ts/sass/button-mixins.scss b/ts/sass/button-mixins.scss index 9ca989f28..bf47a36b9 100644 --- a/ts/sass/button-mixins.scss +++ b/ts/sass/button-mixins.scss @@ -1,5 +1,5 @@ -@import "ts/sass/bootstrap/functions"; -@import "ts/sass/bootstrap/variables"; +@import "bootstrap/scss/functions"; +@import "bootstrap/scss/variables"; @mixin btn-border-radius { border-top-left-radius: var(--border-left-radius); diff --git a/ts/svelte/svelte.ts b/ts/svelte/svelte.ts index 0f05831bc..e2f6093f9 100644 --- a/ts/svelte/svelte.ts +++ b/ts/svelte/svelte.ts @@ -153,13 +153,13 @@ async function writeJs( const preprocessOptions = preprocess({ scss: { includePaths: [ - binDir, - genDir, + `${binDir}/ts/sass`, + `${genDir}/ts/sass`, // a nasty hack to ensure ts/sass/... resolves correctly // when invoked from an external workspace - binDir + "/external/ankidesktop", - genDir + "/external/ankidesktop", - binDir + "/../../../external/ankidesktop", + `${binDir}/external/ankidesktop/ts/sass`, + `${genDir}/external/ankidesktop/ts/sass`, + `${binDir}/../../../external/ankidesktop/ts/sass`, ], }, });