bs5 import

This commit is contained in:
Barış Soner Uşaklı
2022-08-24 10:27:15 -04:00
parent f7f7066286
commit d7a29a3df2

View File

@@ -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');
}