diff options
Diffstat (limited to 'vendor/twbs/bootstrap/site/assets/scss')
13 files changed, 160 insertions, 94 deletions
diff --git a/vendor/twbs/bootstrap/site/assets/scss/_buttons.scss b/vendor/twbs/bootstrap/site/assets/scss/_buttons.scss index 300bdca9c..8e4c3838d 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_buttons.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_buttons.scss @@ -6,9 +6,8 @@ .btn-bd-primary { --bs-btn-font-weight: 600; --bs-btn-color: var(--bs-white); - --bs-btn-bg: var(--bd-violet); - --bs-btn-border-color: var(--bd-violet); - --bs-btn-border-radius: .5rem; + --bs-btn-bg: var(--bd-violet-bg); + --bs-btn-border-color: var(--bd-violet-bg); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)}; --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)}; @@ -45,3 +44,9 @@ --bs-btn-focus-border-color: var(--btn-custom-color); --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb); } + +.bd-btn-lg { + --bs-btn-border-radius: .5rem; + + padding: .8125rem 2rem; +} diff --git a/vendor/twbs/bootstrap/site/assets/scss/_callouts.scss b/vendor/twbs/bootstrap/site/assets/scss/_callouts.scss index 016a2ed24..c3e5629a8 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_callouts.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_callouts.scss @@ -3,6 +3,9 @@ // .bd-callout { + --#{$prefix}link-color-rgb: var(--bd-callout-link); + --#{$prefix}code-color: var(--bd-callout-code-color); + padding: 1.25rem; margin-top: 1.25rem; margin-bottom: 1.25rem; @@ -30,7 +33,7 @@ // Variations @each $variant in $bd-callout-variants { .bd-callout-#{$variant} { - --bd-callout-color: var(--bs-#{$variant}-text); + --bd-callout-color: var(--bs-#{$variant}-text-emphasis); --bd-callout-bg: var(--bs-#{$variant}-bg-subtle); --bd-callout-border: var(--bs-#{$variant}-border-subtle); } diff --git a/vendor/twbs/bootstrap/site/assets/scss/_clipboard-js.scss b/vendor/twbs/bootstrap/site/assets/scss/_clipboard-js.scss index 1e0003bcb..de709d09b 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_clipboard-js.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_clipboard-js.scss @@ -23,12 +23,12 @@ padding: .5em; line-height: 1; color: var(--bs-body-color); - background-color: var(--bs-tertiary-bg); + background-color: var(--bd-pre-bg); border: 0; @include border-radius(.25rem); &:hover { - color: var(--bs-link-color); + color: var(--bs-link-hover-color); } &:focus { @@ -39,6 +39,6 @@ .btn-clipboard { position: relative; z-index: 2; - margin-top: .75rem; + margin-top: 1.25rem; margin-right: .75rem; } diff --git a/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss b/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss index 11800a638..14adbe94d 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss @@ -134,7 +134,7 @@ background-color: rgba(var(--bd-violet-rgb), .15); } -.bd-example-flex div { +.bd-example-flex div:not(.vr) { background-color: rgba(var(--bd-violet-rgb), .15); border: 1px solid rgba(var(--bd-violet-rgb), .3); } @@ -314,8 +314,15 @@ min-height: 15rem; > div { - background-color: tint-color($bd-violet, 75%); - border: 1px solid tint-color($bd-violet, 50%); + color: var(--bs-body-bg); + background-color: var(--bd-violet); + border: 1px solid var(--bd-purple); + + > span { + position: absolute; + right: 5px; + bottom: 0; + } } > :nth-child(2) { @@ -344,7 +351,7 @@ position: relative; padding: .75rem ($bd-gutter-x * .5); margin-bottom: 1rem; - background-color: var(--bs-tertiary-bg); + background-color: var(--bd-pre-bg); @include media-breakpoint-up(md) { padding: .75rem 1.25rem; @@ -352,10 +359,11 @@ } pre { - padding: 0; - margin-top: .625rem; + padding: .25rem 0 .875rem; + margin-top: .8125rem; margin-right: 1.875rem; - margin-bottom: .625rem; + margin-bottom: 0; + overflow: overlay; white-space: pre; background-color: transparent; border: 0; @@ -373,6 +381,7 @@ .highlight { margin-bottom: 0; + @include border-top-radius(0); } .bd-example { @@ -388,12 +397,11 @@ } .highlight-toolbar { - background-color: var(--bs-tertiary-bg); - border: solid var(--bs-border-color); - border-width: 1px 0; + background-color: var(--bd-pre-bg); +} - .btn-clipboard { - margin-top: 0; - margin-right: 0; +.bd-scss-docs { + .highlight-toolbar { + @include border-top-radius(calc(var(--bs-border-radius) + 1px)); } } diff --git a/vendor/twbs/bootstrap/site/assets/scss/_content.scss b/vendor/twbs/bootstrap/site/assets/scss/_content.scss index 14d27b2fd..ba053dfaf 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_content.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_content.scss @@ -3,12 +3,13 @@ // .bd-content { - // Offset content from fixed navbar when jumping to headings - > :target { - padding-top: 5rem; - margin-top: -5rem; + > h2, + > h3, + > h4 { + --bs-heading-color: var(--bs-emphasis-color); } + // Offset content from fixed navbar when jumping to headings > h2:not(:first-child) { margin-top: 3rem; } @@ -102,6 +103,7 @@ } .bd-title { + --bs-heading-color: var(--bs-emphasis-color); @include font-size(3rem); } @@ -117,26 +119,6 @@ fill: currentcolor; } -.icon-link { - display: flex; - align-items: center; - text-decoration-color: rgba($primary, .5); - text-underline-offset: .5rem; - backface-visibility: hidden; - - .bi { - width: 1.5em; - height: 1.5em; - transition: .2s ease-in-out transform; // stylelint-disable-line property-disallowed-list - } - - &:hover { - .bi { - transform: translate3d(5px, 0, 0); - } - } -} - .border-lg-start { @include media-breakpoint-up(lg) { border-left: var(--bs-border-width) solid var(--bs-border-color); diff --git a/vendor/twbs/bootstrap/site/assets/scss/_masthead.scss b/vendor/twbs/bootstrap/site/assets/scss/_masthead.scss index 52b282fcf..33015d681 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_masthead.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_masthead.scss @@ -10,6 +10,7 @@ // stylelint-enable h1 { + --bs-heading-color: var(--bs-emphasis-color); @include font-size(4rem); } @@ -36,10 +37,18 @@ @include media-breakpoint-up(lg) { padding-right: 4rem; } + + pre { + padding: 0; + margin-top: .625rem; + margin-right: 1.875rem; + margin-bottom: .625rem; + overflow: hidden; + } } .btn-clipboard { position: absolute; - top: -.125rem; + top: -.625rem; right: 0; background-color: transparent; } @@ -56,6 +65,12 @@ } .masthead-followup { + h2, + h3, + h4 { + --bs-heading-color: var(--bs-emphasis-color); + } + .lead { @include font-size(1rem); } @@ -71,10 +86,6 @@ } } -.bd-btn-lg { - padding: .8rem 2rem; -} - .masthead-followup-icon { padding: 1rem; color: rgba(var(--bg-rgb), 1); @@ -95,7 +106,7 @@ .animate-img { > img { - transition: .2s ease-in-out transform; // stylelint-disable-line property-disallowed-list + @include transition(transform .2s ease-in-out); } &:hover > img { diff --git a/vendor/twbs/bootstrap/site/assets/scss/_navbar.scss b/vendor/twbs/bootstrap/site/assets/scss/_navbar.scss index 9f1f4e71a..110797b98 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_navbar.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_navbar.scss @@ -9,7 +9,7 @@ z-index: -1; display: block; content: ""; - background-image: linear-gradient(to bottom, rgba(var(--bd-violet-rgb), 1), rgba(var(--bd-violet-rgb), .95)); + background-image: linear-gradient(rgba(var(--bd-violet-rgb), 1), rgba(var(--bd-violet-rgb), .95)); } .bd-navbar-toggle { @@ -39,7 +39,7 @@ .navbar-brand { color: $white; - transition: .2s ease-in-out transform; // stylelint-disable-line property-disallowed-list + @include transition(transform .2s ease-in-out); &:hover { transform: rotate(-5deg) scale(1.1); @@ -116,6 +116,10 @@ } } } + + .dropdown-menu-end { + --bs-dropdown-min-width: 8rem; + } } @include color-mode(dark) { diff --git a/vendor/twbs/bootstrap/site/assets/scss/_scrolling.scss b/vendor/twbs/bootstrap/site/assets/scss/_scrolling.scss new file mode 100644 index 000000000..201796003 --- /dev/null +++ b/vendor/twbs/bootstrap/site/assets/scss/_scrolling.scss @@ -0,0 +1,13 @@ +// When navigating with the keyboard, prevent focus from landing behind the sticky header + +main { + a, + button, + h2, + h3, + h4, + [tabindex="0"] { + scroll-margin-top: 80px; + scroll-margin-bottom: 100px; + } +} diff --git a/vendor/twbs/bootstrap/site/assets/scss/_search.scss b/vendor/twbs/bootstrap/site/assets/scss/_search.scss index 01e9d036e..ca1e5b060 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_search.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_search.scss @@ -1,5 +1,30 @@ // stylelint-disable selector-class-pattern +:root { + --docsearch-primary-color: var(--bd-violet); + --docsearch-logo-color: var(--bd-violet); +} + +@include color-mode(dark, true) { + // From here, the values are copied from https://cdn.jsdelivr.net/npm/@docsearch/css@3 + // in html[data-theme="dark"] selector + // and are slightly modified for formatting purpose + --docsearch-text-color: #f5f6f7; + --docsearch-container-background: rgba(9, 10, 17, .8); + --docsearch-modal-background: #15172a; + --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309; + --docsearch-searchbox-background: #090a11; + --docsearch-searchbox-focus-background: #000; + --docsearch-hit-color: #bec3c9; + --docsearch-hit-shadow: none; + --docsearch-hit-background: #090a11; + --docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b); + --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 2px 2px 0 rgba(3, 4, 9, .3); + --docsearch-footer-background: #1e2136; + --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, .5), 0 -4px 8px 0 rgba(0, 0, 0, .2); + --docsearch-muted-color: #7f8497; +} + .bd-search { position: relative; @@ -19,7 +44,7 @@ } .DocSearch-Container { - --docsearch-muted-color: #{$text-muted}; + --docsearch-muted-color: var(--bs-secondary-color); --docsearch-hit-shadow: none; z-index: 2000; // Make sure to be over all components showcased in the documentation @@ -139,3 +164,9 @@ display: flex; align-items: center; } + +// Fix --docsearch-logo-color that doesn't do anything +.DocSearch-Logo svg .cls-1, +.DocSearch-Logo svg .cls-2 { + fill: var(--docsearch-logo-color); +} diff --git a/vendor/twbs/bootstrap/site/assets/scss/_syntax.scss b/vendor/twbs/bootstrap/site/assets/scss/_syntax.scss index 092307e05..0cc26d76b 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_syntax.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_syntax.scss @@ -1,40 +1,40 @@ :root, [data-bs-theme="light"] { - --base00: #fff; - --base01: #f5f5f5; + // --base00: #fff; + // --base01: #f5f5f5; --base02: #c8c8fa; --base03: #565c64; - --base04: #030303; + --base04: #666; --base05: #333; --base06: #fff; - --base07: #9a6700; - --base08: #bc4c00; - --base09: #087990; - --base0A: #795da3; - --base0B: #183691; - --base0C: #183691; - --base0D: #795da3; - --base0E: #a71d5d; + --base07: #{$teal-700}; // #9a6700 + --base08: #{mix($red-500, $red-600, 50%)}; // #bc4c00 + --base09: #{$cyan-700}; // #087990 + --base0A: #{$purple-500}; // #795da3 + --base0B: #{$blue-700}; // #183691 + --base0C: #{$blue-700}; // #183691 + --base0D: #{$purple-500}; // #795da3 + --base0E: #{$pink-600}; // #a71d5d --base0F: #333; } @include color-mode(dark, true) { - --base00: #282c34; - --base01: #353b45; + // --base00: #282c34; + // --base01: #353b45; --base02: #3e4451; --base03: #868e96; - --base04: #565c64; + --base04: #868e96; --base05: #abb2bf; --base06: #b6bdca; - --base07: #d19a66; - --base08: #e06c75; - --base09: #d19a66; - --base0A: #e5c07b; - --base0B: #98c379; - --base0C: #56b6c2; - --base0D: #61afef; - --base0E: #c678dd; - --base0F: #be5046; + --base07: #{$orange-300}; // #d19a66 + --base08: #{$cyan-300}; + --base09: #{$orange-300}; // #d19a66 + --base0A: #{$yellow-200}; // #e5c07b + --base0B: #{$teal-300}; // #98c379 + --base0C: #{$teal-300}; // #56b6c2 + --base0D: #{$blue-300}; // #61afef + --base0E: #{$indigo-200}; // #c678dd + --base0F: #{$red-300}; // #be5046 } .hl { background-color: var(--base02); } diff --git a/vendor/twbs/bootstrap/site/assets/scss/_toc.scss b/vendor/twbs/bootstrap/site/assets/scss/_toc.scss index ffa6a0c44..32bf3cf62 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_toc.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_toc.scss @@ -1,4 +1,4 @@ -// stylelint-disable selector-max-type +// stylelint-disable selector-max-type, selector-no-qualifying-type .bd-toc { @include media-breakpoint-up(lg) { @@ -20,19 +20,24 @@ ul { padding-left: 1rem; - margin-top: .25rem; } } - li { - margin-bottom: .25rem; - } - a { + display: block; + padding: .125rem 0 .125rem .75rem; color: inherit; + text-decoration: none; + border-left: .125rem solid transparent; + + &:hover, + &.active { + color: var(--bd-toc-color); + border-left-color: var(--bd-toc-color); + } - &:not(:hover) { - text-decoration: none; + &.active { + font-weight: 500; } code { @@ -75,7 +80,7 @@ .bd-toc-collapse { @include media-breakpoint-down(md) { nav { - padding: 1.25rem; + padding: 1.25rem 1.25rem 1.25rem 1rem; background-color: var(--bs-tertiary-bg); border: 1px solid var(--bs-border-color); @include border-radius(var(--bs-border-radius)); diff --git a/vendor/twbs/bootstrap/site/assets/scss/_variables.scss b/vendor/twbs/bootstrap/site/assets/scss/_variables.scss index b3730ebef..5e8ab5d6c 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_variables.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_variables.scss @@ -1,10 +1,8 @@ -// stylelint-disable scss/dollar-variable-default - // Local docs variables $bd-purple: #4c0bce; $bd-violet: lighten(saturate($bd-purple, 5%), 15%); // stylelint-disable-line function-disallowed-list $bd-purple-light: lighten(saturate($bd-purple, 5%), 45%); // stylelint-disable-line function-disallowed-list -$bd-accent: #ffe484; +$bd-accent: #ffe484; $bd-gutter-x: 3rem; $bd-callout-variants: info, warning, danger !default; @@ -18,15 +16,20 @@ $bd-callout-variants: info, warning, danger !default; --bd-accent-rgb: #{to-rgb($bd-accent)}; --bd-pink-rgb: #{to-rgb($pink-500)}; --bd-teal-rgb: #{to-rgb($teal-500)}; - --docsearch-primary-color: var(--bd-violet); - --docsearch-logo-color: var(--bd-violet); - --bd-violet-bg: var(--bd-violet); + --bd-toc-color: var(--bd-violet); --bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1); + --bd-callout-link: #{to-rgb($blue-600)}; + --bd-callout-code-color: #{$pink-600}; + --bd-pre-bg: var(--bs-tertiary-bg); } @include color-mode(dark, true) { --bd-violet: #{mix($bd-violet, $white, 75%)}; --bd-violet-bg: #{$bd-violet}; + --bd-toc-color: var(--#{$prefix}emphasis-color); --bd-sidebar-link-bg: rgba(#{to-rgb(mix($bd-violet, $black, 75%))}, .5); + --bd-callout-link: #{to-rgb($blue-300)}; + --bd-callout-code-color: #{$pink-300}; + --bd-pre-bg: #{adjust-color($gray-900, $lightness: -2.5%)}; // stylelint-disable-line scss/at-function-named-arguments } diff --git a/vendor/twbs/bootstrap/site/assets/scss/docs.scss b/vendor/twbs/bootstrap/site/assets/scss/docs.scss index 509cc33fd..4ab417e96 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/docs.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/docs.scss @@ -1,6 +1,6 @@ /*! * Bootstrap Docs (https://getbootstrap.com/) - * Copyright 2011-2022 The Bootstrap Authors + * Copyright 2011-2023 The Bootstrap Authors * Licensed under the Creative Commons Attribution 3.0 Unported License. * For details, see https://creativecommons.org/licenses/by/3.0/. */ @@ -28,8 +28,8 @@ @import "../../../scss/mixins"; // fusv-disable -$enable-grid-classes: false; // stylelint-disable-line scss/dollar-variable-default -$enable-cssgrid: true; // stylelint-disable-line scss/dollar-variable-default +$enable-grid-classes: false; +$enable-cssgrid: true; // fusv-enable @import "../../../scss/grid"; @@ -52,6 +52,7 @@ $enable-cssgrid: true; // stylelint-disable-line scss/dollar-variable-default @import "colors"; @import "clipboard-js"; @import "placeholder-img"; +@import "scrolling"; // Load docs dependencies @import "syntax"; |