CSS import order matters?

cidgoh · Aug 23, 2024 · b30ce48 · b30ce48
1 parent 28e7dde
commit b30ce48
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/web/index.js b/web/index.js
@@ -1,14 +1,15 @@
 import * as $ from 'jquery';
 import 'bootstrap';
-
 import 'bootstrap/dist/css/bootstrap.min.css';
-import '@/web/index.css';
-import menu from '@/web/templates/menu.json';
 
 import { initI18n } from '@/lib/utils/i18n';
 import { Template } from '@/lib/utils/templates';
 import { getGettingStartedMarkup } from '@/lib/toolbarGettingStarted';
 import { Footer, Toolbar, AppContext } from '@/lib';
+import menu from '@/web/templates/menu.json';
+
+// Order matters: place this at bottom of imports for CSS overrides
+import '@/web/index.css';
 
 export function getTemplatePathInScope() {
   let templatePath;