mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-07 14:16:47 +02:00
Code Issues Releases Wiki Activity

Fix masthead, remove Inter

Browse Source
This commit is contained in:
Mark Otto
2025-05-26 16:36:18 -07:00
parent 7f9c85d5bb
commit 18f90fbd3b
3 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
scss/_root.scss
View File

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

3
site/src/components/head/Head.astro
View File

@@ -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 />

13
site/src/scss/_masthead.scss
View File

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