aboutsummaryrefslogtreecommitdiff
path: root/scss/_navbar.scss
AgeCommit message (Collapse)AuthorFilesLines
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
2017-10-04Fix caret position for Dropdown in a bottom navbarJohann-S1-5/+16
2017-10-04Fix dropup in navbarJohann-S1-0/+8
2017-10-02Switch to stylelint. (#23572)XhmikosR1-3/+1
2017-10-02fixes navbar-text link colors (#23702)Andres Galante1-0/+14
2017-09-17Minor Sass cleanup and consistency changes. (#23959)XhmikosR1-2/+1
2017-09-12fixes #23926 responsive state on navbarAndres Galante1-0/+4
2017-09-12Fix navbar IE (#23652)Martijn Cuppens1-1/+1
2017-08-04fix navbar alignment for never expand situationsMark Otto1-0/+3
2017-08-04given `width: 100%` is always on a container now and it's constrained by ↵Mark Otto1-6/+0
max-width, we can remove our navbar changes from #21722 and #22383
2017-06-25update navbars to rename .navbar-inverse to .navbar-dark, update all navbar ↵Mark Otto1-11/+11
examples and variables
2017-06-17Some .navbar .dropdown-menu optimisation (#22776)Catalin Zalog1-12/+0
2017-06-17Reset Popper.js styles for Dropdowns in navbarJohann-S1-4/+19
2017-05-26Rename `$navbar-*-toggler-bg` to `$navbar-*-toggler-icon-bg` since it's ↵Patrick Yeo1-2/+2
placed on .navbar-toggler-icon (#22564)
2017-05-22Fix (css): force .navbar .dropdown-menu positioningCatalin Zalog1-9/+8
2017-05-16Force dropdown to be displayed in position static for navbar, to override ↵Johann-S1-1/+2
Popper css