rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-30 22:52:24 +01:00
Code Issues Actions Packages Releases Activity

Small color mode docs CSS fixes (#37896)

Browse Source 
* SImplify background gradient syntax

* Move inline style to CSS file
This commit is contained in:
Mark Otto 2023-01-16 16:56:50 -08:00 committed by GitHub
parent ca88999448
commit 779baab369
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
site/assets/scss/_navbar.scss
View File

@ -9,7 +9,7 @@
z-index: -1; z-index: -1;
display: block; display: block;
content: ""; 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 { .bd-navbar-toggle {
@ -116,6 +116,10 @@
} }
} }
} }
.dropdown-menu-end {
--bs-dropdown-min-width: 8rem;
}
} }
@include color-mode(dark) { @include color-mode(dark) {

2
site/layouts/partials/docs-navbar.html
View File

@ -95,7 +95,7 @@
<svg class="bi my-1 theme-icon-active"><use href="#circle-half"></use></svg> <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> <span class="d-lg-none ms-2" id="bd-theme-text">Toggle theme</span>
</button> </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> <li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false"> <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> <svg class="bi me-2 opacity-50 theme-icon"><use href="#sun-fill"></use></svg>