diff options
| author | Julien Déramond <[email protected]> | 2022-08-26 15:27:23 +0200 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2022-08-31 18:15:11 -0700 |
| commit | a138bc3fb9ff3495a8d63d776e0ad21ed2aaa1ca (patch) | |
| tree | 412ae0619e3fa231f00a5bce45b49d27ccd8a93b /site/content/docs | |
| parent | bc2ec7c7583bed6f51571501739c9e7d57e3ba2f (diff) | |
| download | bootstrap-a138bc3fb9ff3495a8d63d776e0ad21ed2aaa1ca.tar.xz bootstrap-a138bc3fb9ff3495a8d63d776e0ad21ed2aaa1ca.zip | |
More consistency for CSS/Sass vars doc for components with dark variants
Diffstat (limited to 'site/content/docs')
| -rw-r--r-- | site/content/docs/5.2/components/carousel.md | 6 | ||||
| -rw-r--r-- | site/content/docs/5.2/components/navbar.md | 10 |
2 files changed, 15 insertions, 1 deletions
diff --git a/site/content/docs/5.2/components/carousel.md b/site/content/docs/5.2/components/carousel.md index ec9aa466c..327916b2c 100644 --- a/site/content/docs/5.2/components/carousel.md +++ b/site/content/docs/5.2/components/carousel.md @@ -287,8 +287,14 @@ The transition duration of `.carousel-item` can be changed with the `$carousel-t ### Variables +Variables for all carousels: + {{< scss-docs name="carousel-variables" file="scss/_variables.scss" >}} +Variables for the [dark carousel](#dark-variant): + +{{< scss-docs name="carousel-dark-variables" file="scss/_variables.scss" >}} + ## Usage ### Via data attributes diff --git a/site/content/docs/5.2/components/navbar.md b/site/content/docs/5.2/components/navbar.md index bc4792a67..b37db0f92 100644 --- a/site/content/docs/5.2/components/navbar.md +++ b/site/content/docs/5.2/components/navbar.md @@ -792,11 +792,19 @@ Some additional CSS variables are also present on `.navbar-nav`: {{< scss-docs name="navbar-nav-css-vars" file="scss/_navbar.scss" >}} +Customization through CSS variables can be seen on the `.navbar-dark` class where we override specific values without adding duplicate CSS selectors. + +{{< scss-docs name="navbar-dark-css-vars" file="scss/_navbar.scss" >}} + ### Sass variables +Variables for all navbars: + {{< scss-docs name="navbar-variables" file="scss/_variables.scss" >}} -{{< scss-docs name="navbar-theme-variables" file="scss/_variables.scss" >}} +Variables for the [dark navbar](#color-schemes): + +{{< scss-docs name="navbar-dark-variables" file="scss/_variables.scss" >}} ### Sass loop |