From d7a29a3df2c8bd7be8d5f2f9fad1a57d201b2684 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Wed, 24 Aug 2022 10:27:15 -0400
Subject: [PATCH] bs5 import

---
 src/meta/css.js | 58 ++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 57 insertions(+), 1 deletion(-)

diff --git a/src/meta/css.js b/src/meta/css.js
index e6456b9468..e81a9b07ec 100644
--- a/src/meta/css.js
+++ b/src/meta/css.js
@@ -57,10 +57,66 @@ const buildImports = {
 };
 
 function boostrapImport(themeData) {
+	// see https://getbootstrap.com/docs/5.0/customize/sass/#variable-defaults
+	// for an explanation of this order and https://bootswatch.com/help/
 	const { bootswatchSkin } = themeData;
 	return [
 		bootswatchSkin ? `@import "bootswatch/dist/${bootswatchSkin}/variables";` : '',
-		'@import "./theme";',
+		'@import "bootstrap/scss/mixins/banner";',
+		'@include bsBanner("");',
+		// functions must be included first
+		'@import "bootstrap/scss/functions";',
+
+		// overrides for bs5 variables
+		'@import "./scss/overrides";', // this file is in the themes scss folder
+		'@import "../public/scss/overrides.scss";', // core scss overrides
+
+		// bs files
+		'@import "bootstrap/scss/variables";',
+		'@import "bootstrap/scss/maps";',
+		'@import "bootstrap/scss/mixins";',
+		'@import "bootstrap/scss/utilities";',
+
+		// Layout & components
+		'@import "bootstrap/scss/root";',
+		'@import "bootstrap/scss/reboot";',
+		'@import "bootstrap/scss/type";',
+		'@import "bootstrap/scss/images";',
+		'@import "bootstrap/scss/containers";',
+		'@import "bootstrap/scss/grid";',
+		'@import "bootstrap/scss/tables";',
+		'@import "bootstrap/scss/forms";',
+		'@import "bootstrap/scss/buttons";',
+		'@import "bootstrap/scss/transitions";',
+		'@import "bootstrap/scss/dropdown";',
+		'@import "bootstrap/scss/button-group";',
+		'@import "bootstrap/scss/nav";',
+		'@import "bootstrap/scss/navbar";',
+		'@import "bootstrap/scss/card";',
+		'@import "bootstrap/scss/accordion";',
+		'@import "bootstrap/scss/breadcrumb";',
+		'@import "bootstrap/scss/pagination";',
+		'@import "bootstrap/scss/badge";',
+		'@import "bootstrap/scss/alert";',
+		'@import "bootstrap/scss/progress";',
+		'@import "bootstrap/scss/list-group";',
+		'@import "bootstrap/scss/close";',
+		'@import "bootstrap/scss/toasts";',
+		'@import "bootstrap/scss/modal";',
+		'@import "bootstrap/scss/tooltip";',
+		'@import "bootstrap/scss/popover";',
+		'@import "bootstrap/scss/carousel";',
+		'@import "bootstrap/scss/spinners";',
+		'@import "bootstrap/scss/offcanvas";',
+		'@import "bootstrap/scss/placeholders";',
+
+		// Helpers
+		'@import "bootstrap/scss/helpers";',
+
+		// Utilities
+		'@import "bootstrap/scss/utilities/api";',
+		// scss-docs-end import-stack
+		'@import "./theme";', // rest of the theme scss
 		bootswatchSkin ? `@import "bootswatch/dist/${bootswatchSkin}/bootswatch";` : '',
 	].join('\n');
 }