docs: move search style to its own CSS file

diff --git a/site/assets/scss/_search.scss b/site/assets/scss/_search.scss
index 4bd9d80724202d0a3e992b01f6e83cd4958b2487..592d65f98fdaa33352ef5825f568d89538c61d7d 100644 (file)
--- a/site/assets/scss/_search.scss
+++ b/site/assets/scss/_search.scss
@@ -1,7 +1,5 @@
 // stylelint-disable selector-class-pattern
 
-@import "@docsearch/css/dist/style";
-
 :root {
   --docsearch-primary-color: var(--bd-violet);
   --docsearch-logo-color: var(--bd-violet);

diff --git a/site/assets/scss/docs.scss b/site/assets/scss/docs.scss
index 0eb5bdde3597b359a0d40edff35e7cee85acb884..af381710340db25bacdb081054d1396d5ca1e275 100644 (file)
--- a/site/assets/scss/docs.scss
+++ b/site/assets/scss/docs.scss
@@ -36,7 +36,6 @@ $enable-cssgrid: true;
 // Load docs components
 @import "variables";
 @import "navbar";
-@import "search";
 @import "masthead";
 @import "ads";
 @import "content";

diff --git a/site/assets/scss/search.scss b/site/assets/scss/search.scss
new file mode 100644 (file)
index 0000000..149b236
--- /dev/null
+++ b/site/assets/scss/search.scss
@@ -0,0 +1,14 @@
+/*!
+ * Bootstrap Docs (https://getbootstrap.com/)
+ * Copyright 2024 The Bootstrap Authors
+ * Licensed under the Creative Commons Attribution 3.0 Unported License.
+ * For details, see https://creativecommons.org/licenses/by/3.0/.
+ */
+
+@import "../../../scss/functions";
+@import "../../../scss/variables";
+@import "../../../scss/mixins";
+@import "variables";
+
+@import "@docsearch/css/dist/style";
+@import "search";

diff --git a/site/layouts/partials/stylesheet.html b/site/layouts/partials/stylesheet.html
index 69e75a271116e8809d57d9a73e1606e72339283e..9969ee44fc4f372a4756101a3a47542a084ec5b1 100644 (file)
--- a/site/layouts/partials/stylesheet.html
+++ b/site/layouts/partials/stylesheet.html
@@ -9,15 +9,19 @@
 {{- end }}
 
 {{- if (ne .Page.Layout "examples") }}
-{{- $targetDocsCssPath := path.Join "/docs" .Site.Params.docs_version "assets/css/docs.css" -}}
-{{- $sassOptions := dict "targetPath" $targetDocsCssPath "outputStyle" "expanded" "precision" 6 -}}
+{{- $sassOptions := dict "outputStyle" "expanded" "precision" 6 -}}
 {{- $postcssOptions := dict "use" "autoprefixer" "noMap" true -}}
 
+{{- $targetDocsCssPath := path.Join "/docs" .Site.Params.docs_version "assets/css/docs.css" -}}
+{{- $targetSearchCssPath := path.Join "/docs" .Site.Params.docs_version "assets/css/search.css" -}}
+
 {{ if hugo.IsProduction -}}
   {{- $sassOptions = merge $sassOptions (dict "outputStyle" "compressed") -}}
 {{- end -}}
 
-{{- $style := resources.Get "scss/docs.scss" | toCSS $sassOptions | postCSS $postcssOptions }}
+{{- $docsCss := resources.Get "scss/docs.scss" | toCSS (merge (dict "targetPath" $targetDocsCssPath) $sassOptions) | postCSS $postcssOptions -}}
+{{- $searchCss := resources.Get "scss/search.scss" | toCSS (merge (dict "targetPath" $targetSearchCssPath) $sassOptions) | postCSS $postcssOptions -}}
 
-<link href="{{ $style.RelPermalink }}" rel="stylesheet">
+<link href="{{ $docsCss.RelPermalink }}" rel="stylesheet">
+<link href="{{ $searchCss.RelPermalink }}" rel="stylesheet">
 {{- end }}