Fix masthead, remove Inter

diff --git a/scss/_root.scss b/scss/_root.scss
index 3012b9f12687166f9f17b899ceddee330f1a1ba8..0d1cf2c390bb4159ef9a6212d1fbadaae23b5333 100644 (file)
--- 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 a7ad2689158237c03352f7106053d0f6390e275a..434ba8359c46f8f7152650e3c5575503799631c2 100644 (file)
--- 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 b009486f268e8705533cd3e9270345c720cfbcc2..fe562fdcccc5599ad126df2a128533c256239f32 100644 (file)
--- 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);