diff options
author | Julien Déramond <julien.deramond@orange.com> | 2022-02-09 22:12:08 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-02-09 22:12:08 +0300 |
commit | d3babf7d7f684daf2fb53491b3b03c3d77fdaada (patch) | |
tree | a604c524198970eef7e571e425fdbed426f5b5e9 | |
parent | d19c635f164487b377e72dd56ffff4a64964c0b8 (diff) |
Remove remaining `.navbar-light` classes (#35814)
* Fix typo in CSS variables documentation
* Drop remaining .navbar-light classes
-rw-r--r-- | js/tests/unit/dropdown.spec.js | 4 | ||||
-rw-r--r-- | js/tests/visual/dropdown.html | 2 | ||||
-rw-r--r-- | site/content/docs/5.1/components/navbar.md | 2 | ||||
-rw-r--r-- | site/content/docs/5.1/components/scrollspy.md | 8 | ||||
-rw-r--r-- | site/content/docs/5.1/customize/css-variables.md | 2 | ||||
-rw-r--r-- | site/content/docs/5.1/examples/cheatsheet-rtl/index.html | 4 | ||||
-rw-r--r-- | site/content/docs/5.1/examples/cheatsheet/index.html | 4 |
7 files changed, 13 insertions, 13 deletions
diff --git a/js/tests/unit/dropdown.spec.js b/js/tests/unit/dropdown.spec.js index 194e00f537..991fca3902 100644 --- a/js/tests/unit/dropdown.spec.js +++ b/js/tests/unit/dropdown.spec.js @@ -1117,7 +1117,7 @@ describe('Dropdown', () => { it('should not use "static" Popper in navbar', () => { return new Promise(resolve => { fixtureEl.innerHTML = [ - '<nav class="navbar navbar-expand-md navbar-light bg-light">', + '<nav class="navbar navbar-expand-md bg-light">', ' <div class="dropdown">', ' <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</button>', ' <div class="dropdown-menu">', @@ -1187,7 +1187,7 @@ describe('Dropdown', () => { it('should manage bs attribute `data-bs-popper`="static" when dropdown is in navbar', () => { return new Promise(resolve => { fixtureEl.innerHTML = [ - '<nav class="navbar navbar-expand-md navbar-light bg-light">', + '<nav class="navbar navbar-expand-md bg-light">', ' <div class="dropdown">', ' <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</button>', ' <div class="dropdown-menu">', diff --git a/js/tests/visual/dropdown.html b/js/tests/visual/dropdown.html index bc4d795420..3f2ef3720e 100644 --- a/js/tests/visual/dropdown.html +++ b/js/tests/visual/dropdown.html @@ -10,7 +10,7 @@ <div class="container"> <h1>Dropdown <small>Bootstrap Visual Test</small></h1> - <nav class="navbar navbar-expand-md navbar-light bg-light"> + <nav class="navbar navbar-expand-md bg-light"> <a class="navbar-brand" href="#">Navbar</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> diff --git a/site/content/docs/5.1/components/navbar.md b/site/content/docs/5.1/components/navbar.md index 3c1b7cae9f..08eb705279 100644 --- a/site/content/docs/5.1/components/navbar.md +++ b/site/content/docs/5.1/components/navbar.md @@ -492,7 +492,7 @@ Fixed navbars use `position: fixed`, meaning they're pulled from the normal flow {{< /example >}} {{< example >}} -<nav class="navbar sticky-bottom navbar-light bg-light"> +<nav class="navbar sticky-bottom bg-light"> <div class="container-fluid"> <a class="navbar-brand" href="#">Sticky bottom</a> </div> diff --git a/site/content/docs/5.1/components/scrollspy.md b/site/content/docs/5.1/components/scrollspy.md index aeabb81857..d8a9ef5d9f 100644 --- a/site/content/docs/5.1/components/scrollspy.md +++ b/site/content/docs/5.1/components/scrollspy.md @@ -27,7 +27,7 @@ If you're making a scrollable container (other than the `<body>`), be sure to ha Scroll the area below the navbar and watch the active class change. The dropdown items will be highlighted as well. <div class="bd-example"> - <nav id="navbar-example2" class="navbar navbar-light bg-light px-3"> + <nav id="navbar-example2" class="navbar bg-light px-3"> <a class="navbar-brand" href="#">Navbar</a> <ul class="nav nav-pills"> <li class="nav-item"> @@ -62,7 +62,7 @@ Scroll the area below the navbar and watch the active class change. The dropdown </div> ```html -<nav id="navbar-example2" class="navbar navbar-light bg-light px-3"> +<nav id="navbar-example2" class="navbar bg-light px-3"> <a class="navbar-brand" href="#">Navbar</a> <ul class="nav nav-pills"> <li class="nav-item"> @@ -103,7 +103,7 @@ Scrollspy also works with nested `.nav`s. If a nested `.nav` is `.active`, its p <div class="bd-example"> <div class="row"> <div class="col-4"> - <nav id="navbar-example3" class="navbar navbar-light bg-light flex-column align-items-stretch p-3"> + <nav id="navbar-example3" class="navbar bg-light flex-column align-items-stretch p-3"> <a class="navbar-brand" href="#">Navbar</a> <nav class="nav nav-pills flex-column"> <a class="nav-link" href="#item-1">Item 1</a> @@ -142,7 +142,7 @@ Scrollspy also works with nested `.nav`s. If a nested `.nav` is `.active`, its p </div> ```html -<nav id="navbar-example3" class="navbar navbar-light bg-light flex-column align-items-stretch p-3"> +<nav id="navbar-example3" class="navbar bg-light flex-column align-items-stretch p-3"> <a class="navbar-brand" href="#">Navbar</a> <nav class="nav nav-pills flex-column"> <a class="nav-link" href="#item-1">Item 1</a> diff --git a/site/content/docs/5.1/customize/css-variables.md b/site/content/docs/5.1/customize/css-variables.md index b6a6493348..06a4cbdb98 100644 --- a/site/content/docs/5.1/customize/css-variables.md +++ b/site/content/docs/5.1/customize/css-variables.md @@ -34,7 +34,7 @@ Bootstrap 5 is increasingly making use of custom properties as local variables f Have a look at our table documentation for some [insight into how we're using CSS variables]({{< docsref "/content/tables#how-do-the-variants-and-accented-tables-work" >}}). Our [navbars also use CSS variables]({{< docsref "/components/navbar#css" >}}) as of v5.2.0. We're also using CSS variables across our grids—primarily for gutters the [new opt-in CSS grid]({{< docsref "/layout/css-grid" >}})—with more component usage coming in the future. -Whenever possible, we'll assign CSS variables at the base component level (e.g., `.navbar` for navbar and it's sub-components). This reduces guessing on where and how to customize, and allows for easy modifications by our team in future updates. +Whenever possible, we'll assign CSS variables at the base component level (e.g., `.navbar` for navbar and its sub-components). This reduces guessing on where and how to customize, and allows for easy modifications by our team in future updates. ## Prefix diff --git a/site/content/docs/5.1/examples/cheatsheet-rtl/index.html b/site/content/docs/5.1/examples/cheatsheet-rtl/index.html index 81b56dc78b..7c45f7b91a 100644 --- a/site/content/docs/5.1/examples/cheatsheet-rtl/index.html +++ b/site/content/docs/5.1/examples/cheatsheet-rtl/index.html @@ -1208,7 +1208,7 @@ direction: rtl <div> {{< example show_markup="false" >}} - <nav class="navbar navbar-expand-lg navbar-light bg-light"> + <nav class="navbar navbar-expand-lg bg-light"> <div class="container-fluid"> <a class="navbar-brand" href="#"> <img src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo-white.svg" width="38" height="30" class="d-inline-block align-top" alt="Bootstrap" loading="lazy" @@ -1417,7 +1417,7 @@ direction: rtl <div> <div class="bd-example"> - <nav id="navbar-example2" class="navbar navbar-light bg-light px-3"> + <nav id="navbar-example2" class="navbar bg-light px-3"> <a class="navbar-brand" href="#">شريط التنقل</a> <ul class="nav nav-pills"> <li class="nav-item"> diff --git a/site/content/docs/5.1/examples/cheatsheet/index.html b/site/content/docs/5.1/examples/cheatsheet/index.html index e74a56c764..be7259ec2c 100644 --- a/site/content/docs/5.1/examples/cheatsheet/index.html +++ b/site/content/docs/5.1/examples/cheatsheet/index.html @@ -1207,7 +1207,7 @@ body_class: "bg-light" <div> {{< example show_markup="false" >}} - <nav class="navbar navbar-expand-lg navbar-light bg-light"> + <nav class="navbar navbar-expand-lg bg-light"> <div class="container-fluid"> <a class="navbar-brand" href="#"> <img src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo-white.svg" width="38" height="30" class="d-inline-block align-top" alt="Bootstrap" loading="lazy" @@ -1414,7 +1414,7 @@ body_class: "bg-light" <div> <div class="bd-example"> - <nav id="navbar-example2" class="navbar navbar-light bg-light px-3"> + <nav id="navbar-example2" class="navbar bg-light px-3"> <a class="navbar-brand" href="#">Navbar</a> <ul class="nav nav-pills"> <li class="nav-item"> |