From: Mark Otto <markdotto@gmail.com>
Date: Mon, 26 May 2025 23:36:18 +0000 (-0700)
Subject: Fix masthead, remove Inter
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=18f90fbd3be17ab85ce678d5f1731f5d8fb83727;p=thirdparty%2Fbootstrap.git

Fix masthead, remove Inter
---

diff --git a/scss/_root.scss b/scss/_root.scss
index 3012b9f126..0d1cf2c390 100644
--- a/scss/_root.scss
+++ b/scss/_root.scss
@@ -39,7 +39,6 @@
   // Note: Custom variable values only support SassScript inside `#{}`.
 
   // Fonts
-  font-feature-settings: "liga" 1, "calt" 1; /* fix for Chrome */
 
   // Note: Use `inspect` for lists so that quoted items keep the quotes.
   // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
@@ -52,7 +51,7 @@
   @if $font-size-root != null {
     --#{$prefix}root-font-size: #{$font-size-root};
   }
-  --#{$prefix}body-font-family: Inter, #{inspect($font-family-base)};
+  --#{$prefix}body-font-family: #{inspect($font-family-base)};
   @include rfs($font-size-base, --#{$prefix}body-font-size);
   --#{$prefix}body-font-weight: #{$font-weight-base};
   --#{$prefix}body-line-height: #{$line-height-base};
diff --git a/site/src/components/head/Head.astro b/site/src/components/head/Head.astro
index a7ad268915..434ba8359c 100644
--- a/site/src/components/head/Head.astro
+++ b/site/src/components/head/Head.astro
@@ -47,9 +47,6 @@ const pageTitle = isHome
 
 <script is:inline src={getVersionedDocsPath('assets/js/color-modes.js')}></script>
 
-<link rel="preconnect" href="https://rsms.me/">
-<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
-
 <Stylesheet direction={direction} layout={layout} />
 <Scss />
 <Favicons />
diff --git a/site/src/scss/_masthead.scss b/site/src/scss/_masthead.scss
index b009486f26..fe562fdccc 100644
--- a/site/src/scss/_masthead.scss
+++ b/site/src/scss/_masthead.scss
@@ -10,11 +10,14 @@
 .bd-masthead {
   // --bd-pink: #{$pink};
   padding: 3rem 0;
-  // background-image: linear-gradient(180deg, color-mix(in srgb, var(--bs-body-bg) 1%, transparent), color-mix(in srgb, var(--bs-body-bg) 85%, transparent)),
-  //                   radial-gradient(ellipse at top left, color-mix(in srgb, var(--bs-primary), transparent)),
-  //                   radial-gradient(ellipse at top right, color-mix(in srgb, var(--bd-accent), transparent)),
-  //                   radial-gradient(ellipse at center right, color-mix(in srgb, var(--bd-violet), transparent)),
-  //                   radial-gradient(ellipse at center left, color-mix(in srgb, var(--bs-pink), transparent));
+
+  // stylelint-disable
+  background-image: linear-gradient(180deg, color-mix(in srgb, var(--bs-body-bg) 1%, transparent), var(--bs-body-bg) 85%),
+                    radial-gradient(ellipse at top left, color-mix(in srgb, var(--bs-blue-500) 50%, transparent), transparent 50%),
+                    radial-gradient(ellipse at top right, color-mix(in srgb, var(--bd-accent) 50%, transparent), transparent 50%),
+                    radial-gradient(ellipse at center right, color-mix(in srgb, var(--bd-violet) 50%, transparent), transparent 50%),
+                    radial-gradient(ellipse at center left, color-mix(in srgb, var(--bs-pink-500) 50%, transparent), transparent 50%);
+  // stylelint-enable
 
   h1 {
     --bs-heading-color: var(--bs-emphasis-color);