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