aboutsummaryrefslogtreecommitdiff
path: root/scss/_navbar.scss
AgeCommit message (Collapse)AuthorFilesLines
2023-05-19Add data attr selector for dark mode navbars (#38522)Mark Otto1-1/+2
* Add data attr selector for dark mode navbars * Fix dark example
2023-03-02Fix navbar-nav link stylingSerhii Babakov1-3/+5
2022-12-29Fix selector for dark mode navbar toggler SVG changeMark Otto1-1/+1
2022-11-28Add dark mode support (#35857)Mark Otto1-0/+8
* Add dark mode to docs * Minor fix: missing space indentation * Minor fix: revert utilities/z-index added-in modification * Remove prev: and next: from doc because extracted to another PR * Use .bg-body-tertiary in all Utilities > Overflow examples * fix example * Fix up spacing examples * Update box-shadow Sass variables and utilities to auto-adjust to color modes * Remove unused docs class * Refactor form styles to use CSS variable for background images on .form-check and .form-switch * Fix docs selector * Rename shortcut for clarity * Heading consistency * Reintroduce missing 4th grid item in Utilities > Spacing example * Fix bundlewatch * .bd-callout* rendering is OK so removing comments in the code * Update scss/_utilities.scss Co-authored-by: Julien Déramond <[email protected]> * Fix gutters example styling * Fix text colors on background utils docs * redesign and fix up position marker example, which doesn't show nicely in darkmode but at least isn't broken * fix some color utils examples * Deprecate mixin notice * Deprecate notice for list-group-item-variant() mixin * Revamp new link CSS vars * Use map-keys in some each Sass files * Remove list-group-item-variant mixin ref in sass loop desc * Display CSS vars scoped to our built-in dark mode * Revert previous commit * Fix list group variant link * Fix typo * Remove imports of alert/list-group mixins in scss/_mixins.scss * Small formatting + comments removal in scss/_content.scss * Fix alert links colors * fix dropdown border-radius mixin * fix link color and underline again, this time using CSS var override for color var and fallback value for the underline * fix colors on docs navbar for dark mode * remove two changes * missing ref * another link underline fix, just use sass vars for link decoration for now * missing color bg docs, plus move dropdown override to scss * more changes from review * fix some examples, drop unused docs navbar styles, update docs navbar color mode to use mixin * Few fixes around type - Restored CSS variable for color on headings, this time with a fallback value - In conjunction, restored and wrapped the default CSS var with a null value check - Split headings and paragraphs docs in Reboot, elaborated on them * Restyle custom details > summary element in docs * Rewrite some migration docs * fix form checks * Fix up some navbar styling, tweak docs callout * Fix select images, mostly for validation styling * Clean up some migration notes, document some new form control CSS vars, mention new variables-dark in sass docs * Update site/content/docs/5.2/components/scrollspy.md Co-authored-by: Julien Déramond <[email protected]> * Apply suggestions from code review Co-authored-by: Julien Déramond <[email protected]> * mention form control css vars in migration guide * Tweak grid and flex docs background examples * clarify some docs * fix some more things Co-authored-by: Julien Déramond <[email protected]> Co-authored-by: Julien Déramond <[email protected]>
2022-08-31More consistency for CSS/Sass vars doc for components with dark variantsJulien Déramond1-0/+2
2022-07-07Add missing CSS vars for `.navbar-nav`Julien Déramond1-0/+2
2022-04-17v5.2.0 design refresh, plus responsive offcanvas classes (#35736)Mark Otto1-28/+18
* Add responsive offcanvas classes - Updates navbar-expand classes to de-dupe some styles—these shouldn't interfere now. - Adds some JS to the offcanvas component to help with responsiveness Co-Authored-By: GeoSot <[email protected]> * Redesign homepage, docs, and examples Homepage: - New Bootstrap purple navbar - Redesigned masthead - Rewrote and redesigned homepage content - Replace Copy text with icons like Bootstrap Icons site across all ClipboardJS instances - Fixed padding issues in site footer - Match homepage button styles to examples page, use gap instead of tons of responsive margin utils Docs: - New navbar, no more subnav. Migrated search and version picker into the main navbar and refreshed the design of it all, including the responsive toggles. - New sidebar navigation is always expanded, and now features Bootstrap Icons alongside section headings - Sidebar navigation autoscrolls to active link for better usability - Subnav and navbar padding issues ironed out - Enhanced the version picker in anticipation of v5.2: we can now link right to the same page in the previous version. - Redesign callouts to add more color to our pages - Collapse table of contents on mobile - Cleanup and redesign button styles with CSS variables - Update design for subnav version dropdown - Update highlight and example to be full-width until md - Improve the Added In badges - Turn the ToC into a well on mobile - Redesign code snippets to better house two action buttons Examples: - Redesign Examples page layout - Add new example for responsive offcanvases in navbars * Convert offcanvas to CSS vars * Feat: add resize handler to Offcanvas.js. If we could use as default the `.offcanvas` class without modifiers, we then, could add a simplified selector The selector itself, ignores the .offcanvas class as it doesn't have any responsive behavior The `aria-modal` addon is to protect us, selection backdrop elements * Separate examples code, Add some selectors, fix stackblitz btn Co-authored-by: GeoSot <[email protected]>
2022-04-06Fix for missing CSS variables on `.navbar-nav` (#36105)Mark Otto1-15/+8
* Fix for missing CSS variables on .navbar-nav * Document new CSS vars on .navbar-nav
2022-03-13Add additional root variables, rename `$variable-prefix` to `$prefix` (#35981)Mark Otto1-52/+52
* Add additional root variables, rename $variable-prefix to $prefix - Adds new root CSS variables for border-radius, border-width, border-color, and border-style - Adds new root CSS variables for heading-color, link-colors, code color, and highlight color - Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss - Updates $mark-padding to be an even pixel number - Renames $variable-prefix to $prefix throughout * Bundlewatch
2022-03-10Ignore warning for `.navbar-light` deprecation (#35995)XhmikosR1-1/+1
2022-02-28Replace instances of Sass vars for CSS variable versions of border-color and ↵Mark Otto1-1/+1
border-width
2022-02-17New CSS variable for Navbars (#35829)Louis-Maxime Piton1-1/+2
* Adding a brand new CSS var * Update scss/_variables.scss Co-authored-by: Gaël Poupard <[email protected]>
2022-02-08Add deprecation notice for .navbar-lightMark Otto1-0/+4
2022-02-08Convert navbar to CSS variablesMark Otto1-125/+75
Co-Authored-By: Gaël Poupard <[email protected]>
2021-10-10Reset z-index on .navbar-expand .offcanvas, plus prevent box-shadow issues ↵Mark Otto1-1/+2
(#35153)
2021-08-04_navbar.scss: switch comment (#34677)XhmikosR1-1/+1
2021-07-17Add new offcanvas support to navbarscraftwerk1-1/+30
Co-Authored-By: craftwerk <[email protected]>
2021-02-10Add Sass docs (variables, mixins, and loops) to most pages (#32747)Mark Otto1-0/+2
* WIP: Mention variables, mixins, and loops in docs * Add Sass sections to component pages * add sass docs for forms and content * Update buttons.md * Remove empty mixins sections * Massive update to utilities and some consistency changes Co-authored-by: XhmikosR <[email protected]>
2021-02-09fix(navbar): ensure .navbar-collapse behaves as intended (#33022)Gaël Poupard1-0/+2
2021-02-03fix(navbar): hardcoded custom property (#32930)Gaël Poupard1-1/+1
2021-01-27Re-add flex-grow to .navbar-collapse (#32899)Mark Otto1-1/+1
Update .navbar-collapse to drop width 100 and use flex-grow, restoring it to v4's behavior Co-authored-by: XhmikosR <[email protected]>
2021-01-19Add `.navbar-nav-scroll` for vertical scrolling of navbar content (#32037)Mark Otto1-0/+9
Co-authored-by: XhmikosR <[email protected]>
2020-12-04feat(RTL): implement RTLGaël Poupard1-1/+1
Using RTLCSS directives, renaming things to use logical names and following best practices.
2020-09-15Update Stylelint rulesXhmikosR1-0/+1
Enable `scss/selector-no-union-class-name`
2020-05-20v5: Make navbar active links consistent (#30831)Mark Otto1-4/+0
* Update navbar docs to put .active class on .nav-link Fixes #30652 in v5. * Remove two selectors from navbar nav that are either unused, or duplicative Co-authored-by: XhmikosR <[email protected]>
2020-05-15Improve gradientsMartijn Cuppens1-0/+1
- Use a semitransparent gradient from light to dark which works on any background-color - Store the gradient as a custom property (--bs-gradient) - Remove `.bg-gradient-*` variants in favour of `.bg-gradient` which works even when `$enable-gradients` are enabled - Add gradients to navbar, active page links and badges when gradients are enabled
2020-03-31Fix text decorations (#30492)Martijn Cuppens1-1/+2
Co-authored-by: XhmikosR <[email protected]>
2020-03-18Drop IE support from SassMartijn Cuppens1-4/+1
2020-01-28Add transition and add box-shadow for navbar-toggler (#30038)Cinnead1-1/+7
Co-authored-by: Martijn Cuppens <[email protected]> Co-authored-by: XhmikosR <[email protected]>
2020-01-07Inherit flex-wrap to decrease generated css (#29951)Martijn Cuppens1-20/+5
2019-12-25Navbar optimizations (#29864)Martijn Cuppens1-9/+5
- Remove redundant `display: inline-block` from flex children - Remove `line-height: inherit;` which is the default value of `line-height` - Use flex shorthand - Improve background shorthand - Fix removed brand margin caused by requiring containers in navbars
2019-10-28Remove redundant "Navbar divider" from "Contents" (#29601)Matias Puhakka1-1/+0
2019-10-27v5: Simplify navbars by requiring containers (#29339)Mark Otto1-19/+4
* v5: Simplify navbars by requiring containers * Update migration docs for navbar
2019-08-05Responsive containers (follow-up to #29095) (#29118)Mark Otto1-3/+36
* Follow-up to #29095 This PR fixes the responsive containers that were added in #29095, originally stubbed out in #25631. Apologies to @browner12 for getting that wrong. Fixes #25631. * update navbar as well because we cannot reset all containers uniformly * Update navbars example to include container-xl example to ensure containers match * rewrite responsive containers docs, add table of max-widths * Update container docs - Move table up to the intro - Remove the container example because it's actually hella confusing - Update and link to grid example as a demo instead
2019-07-22fix broken classesMark Otto1-2/+2
2019-07-21v4/v5: Add responsive containers (#29095)Mark Otto1-6/+3
* create responsive containers provide more flexibility and allow the user to determine when containers switch from fluid to fixed width. * fix the base container code this commit fixes the non-media portion of the generated CSS. I learned about the `@extends` directive and was able to put it to good use. I create a new temporary map that contains all the main `$container-max-widths` and join it to our 2 special cases of 'xs' and 'fluid'. Then we loop through that and, with the appropriate infixes, extend our placeholder * formatting for style forgot to run my tests before the last push, i think these are better. * finish incomplete comment * fix the responsive containers using the `@extend` directive I was able to clean up this code * fix responsive containers in the navbar mostly we just look through all of our breakpoints so we can include all of the responsive container classes in the tweaks we have to do for the navbar (redeclaring flex properties, don't double up on padding, etc) * Simplify container extends * Simplify navbar containers * Rearrange, add comments, ensure everything is nested in $enable-grid-classes * Reduce new CSS by using attribute selector We avoid using `@extend` whenever possible, and this is more readable * Update _grid.scss * Update _navbar.scss * Add docs for responsive containers, redesign the container layout page * Add to the Grid example
2019-07-19Use escape-svg() function (#29077)Martijn Cuppens1-2/+2
* Use escape-svg() function * Update theming.md
2019-05-08Drop all hover mixinsMark Otto1-16/+19
Previously deprecated in v4.x, this clears out the now unused Sass option and removes some unused mixins. Arguably we could remove more, but I like the hover-focus mixin and we make extensive use of it across the project.
2019-05-02Remove floats from dropdown (#28690)Martijn Cuppens1-1/+0
2019-02-07Responsive font size implementation (#23816)Martijn Cuppens1-2/+2
2019-01-08Space fixes (#27997)Martijn Cuppens1-1/+1
2019-01-04Move hand cursor for buttons to rebootMartijn Cuppens1-5/+0
2018-09-13creates variables for navbar brand colors #27187Andres Galante1-4/+4
2018-07-09correct spelling errors (#26837)Andrew1-2/+2
2018-03-12Add basic position to dropup/right/left and dropdown-menu-right (#25400)ysds1-12/+0
2018-01-15Consistently use `:disabled` rather than `[disabled]` selector (#25317)Patrick H. Lauke1-1/+1
Closes https://github.com/twbs/bootstrap/issues/25316
2017-12-30removes hardcoded value for nav-link paddingAndres Galante1-2/+2
2017-12-27Opinionated: reintroduce `cursor:pointer`patrickhlauke1-0/+5
Explicitly re-adds the "hand" `cursor:pointer` for non-disabled `.btn`, `.close`, `.navbar-toggler` elements, as well as forcing `page-link` pagination controls to always have the "hand" cursor (even if an author uses it on, say, `<button>` elements for a dynamically updating in-page pagination). Controversial, as everybody jumped on the bandwagon following this article https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b - which does have its merits of course, but there are also counter-arguments like http://kizu.ru/en/issues/cursor-pointer/ And seeing the amount of issues we've seen following the change, and the potential complexity needed to consistently address the cursor issue (see https://github.com/twbs/bootstrap/issues/24156 where i explore how the cursor needs to be based on "intent", and how that's tough to determine), I'm favouring an opinionated take here of just reintroducing the `cursor:pointer`.
2017-11-06Minor Sass consistency changes. (#24677)XhmikosR1-1/+1
* use `background-color` instead of the shorthand * use `outline: 0` consistently * fix transform order * remove quotes from `SFMono-Regular`
2017-10-04Fix dropup in bottom navbar for all the breakpointsJohann-S1-19/+7
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-06 09:54:57 +0000