diff options
| author | Mark Otto <[email protected]> | 2023-01-16 16:56:50 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2023-01-16 16:56:50 -0800 |
| commit | 779baab3698be49772086f2648b6c5079ffd6bef (patch) | |
| tree | bd6880da8aafb3de626a35cce409b95d37e09746 /site | |
| parent | ca88999448f81b4c62b317f38c38dff74340fb1b (diff) | |
| download | bootstrap-779baab3698be49772086f2648b6c5079ffd6bef.tar.xz bootstrap-779baab3698be49772086f2648b6c5079ffd6bef.zip | |
Small color mode docs CSS fixes (#37896)
* SImplify background gradient syntax
* Move inline style to CSS file
Diffstat (limited to 'site')
| -rw-r--r-- | site/assets/scss/_navbar.scss | 6 | ||||
| -rw-r--r-- | site/layouts/partials/docs-navbar.html | 2 |
2 files changed, 6 insertions, 2 deletions
diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss index 9f1f4e71a..5a1c529ca 100644 --- a/site/assets/scss/_navbar.scss +++ b/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 { @@ -116,6 +116,10 @@ } } } + + .dropdown-menu-end { + --bs-dropdown-min-width: 8rem; + } } @include color-mode(dark) { diff --git a/site/layouts/partials/docs-navbar.html b/site/layouts/partials/docs-navbar.html index 2795ec85b..2c1403c0c 100644 --- a/site/layouts/partials/docs-navbar.html +++ b/site/layouts/partials/docs-navbar.html @@ -95,7 +95,7 @@ <svg class="bi my-1 theme-icon-active"><use href="#circle-half"></use></svg> <span class="d-lg-none ms-2" id="bd-theme-text">Toggle theme</span> </button> - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme-text" style="--bs-dropdown-min-width: 8rem;"> + <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme-text"> <li> <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false"> <svg class="bi me-2 opacity-50 theme-icon"><use href="#sun-fill"></use></svg> |