aboutsummaryrefslogtreecommitdiff
path: root/scss/_nav.scss
AgeCommit message (Collapse)AuthorFilesLines
2021-03-01fix(navs): ensure button will grow in fill/justified navGaël Poupard1-0/+7
2021-02-09Dynamic tabs: use buttons rather than links (#32630)Patrick H. Lauke1-0/+5
* Dynamic tabs: use buttons rather than links - change docs - add mention that tabs should be <button> elements - tweak styles to neutralise border and background * Update js unit and visual test accordingly - replace links with buttons - make one specific test that uses links instead of buttons, as we still want to support it despite it being non-semantically appropriate - Leaving a couple of tests for now. The test for removed tabs should be redone so that tabs are removed programmatically (as the approach of having that close button inside the link is invalid and broken markup). The test for dropdowns should be removed together we actually ripping out the handling for dropdowns in the tab.js code (arguably a breaking change, though we discouraged this for a few versions and effectively "deprecated" it) * Add isolation:isolate to prevent focus being overlapped https://github.com/twbs/bootstrap/pull/32630#issuecomment-756015766
2020-07-11Add null variables for nav-linkMark Otto1-0/+4
Replaces #30498 by adding four new null default variables for .nav-link. Doesn't carry over font-style from the original PR though since that's rarely used, at least by default Bootstrap. Nullifies all values from that PR, too, since we count on some basic inheritance here and don't need color by default.
2020-06-09Remove .nav-item from .nav-link to make it consistentRohit Sharma1-0/+2
- Closes #28423
2020-05-15Improve gradientsMartijn Cuppens1-1/+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-04-06Add nav link transition (#29988)Martijn Cuppens1-0/+1
2020-03-20Remove redundant text decoration from hover statesMartijn Cuppens1-1/+1
2020-03-09Minor `.nav-tabs` optimization (#30288)Yogini Bende1-4/+1
2020-03-05$link-decoration: underline affects some components (#30262)Martijn Cuppens1-0/+1
Co-authored-by: Shohei Yoshida <[email protected]> Co-authored-by: Martijn Cuppens <[email protected]>
2019-05-08Drop all hover mixinsMark Otto1-2/+4
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-03-07Add <ol> to nav's comment (#28426)Shohei Yoshida1-1/+1
2018-11-04Made the disabled state for nav more obvious. (#27382)Arvind S1-0/+2
2017-11-06Nav Tabs use single variable to style `$nav-tabs-link-hover-border-color` ↵Patrick Yeo1-2/+2
and `$nav-tabs-link-active-border-color` (#24639)
2017-10-02Nav Pills with open dropdown don't reflect the nav-pills active state. The ↵Patrick Yeo1-5/+5
active state should also be reflected when using collapse plugin inside nav-pills.
2017-06-17limit active styles for nav-pills to immediate childrenMark Otto1-1/+1
2017-06-13(#22414) Renamed for consistency `$nav-disabled-link-color`, ↵Patrick Yeo1-7/+7
`$nav-tabs-active-link-color`, `$nav-tabs-active-link-bg`, `$nav-tabs-active-link-border-color`, `$nav-pills-active-link-color`, `$nav-pills-active-link-bg` to `$nav-link-disabled-color`, `$nav-tabs-link-active-color`, `$nav-tabs-link-active-bg`, `$nav-tabs-link-active-border-color`, `$nav-pills-link-active-color`, `$nav-pills-link-active-bg`, respectively
2017-04-10Remove `cursor: not-allowed` stylesPatrick H. Lauke1-2/+1
2017-04-08Docs and CSS updates for #21807 (#22336)Mark Otto1-6/+1
* tweak some copy * fix up scrollspy docs * remove nav styles that were added * fix nav-based docs by requiring .nav-item on .nav-link
2017-04-02Tabs/Scrollspy/.nav/.list-group/.active independent of markup (<nav>, ↵Pierre Vanduynslager1-7/+11
.nav-item, <li> etc...)
2017-03-23Harmonize navbar-brand, navbar-text and nav-link heightPierre-Denis Vanduynslager1-1/+1
2017-03-19linting from beforeMark Otto1-1/+1
2017-03-19Fix justified nav styles and update nav docs for fill/justifyMark Otto1-1/+2
- Justified and fill nav variants need .nav-item classes on the anchors in addition to .nav-link - Fix broken styles for the .nav-justified class which wasn't actually doing what we needed it to
2017-03-03Remove 'hover' from nav-tabs-active-link-hover-color et al (#22087)Sean Beyer1-3/+3
* Remove 'hover' from variable names * Fix indentation in variables
2017-01-24Remove random cursor: default from pill nav (#21835)Mark Otto1-1/+0
Fixes #21560. Pretty sure this wasn't intentional, so should be fine to remove.
2017-01-23Allow flex-based navs to wrap like they used to (#21824)Mark Otto1-0/+1
2016-12-28update navs to use `.show` instead of `.open` for dropdownsMark Otto1-2/+2
2016-12-28Remove plain-hover-focus mixins from navsMark Otto1-21/+10
- No need to set hover and focus on disabled or active elements. Disabled has no interactivity and active will inherit the focus. - Also removes two now unused vars.
2016-12-25Fixes #18228: Don't use `transparent` for bottom border, use bg colorMark Otto1-1/+1
2016-12-24Change up the "justified" nav optionsMark Otto1-29/+15
Given move to flexbox, we can make this available for everyone and clean it up some. - Simplifies the `.nav-justified` styles to build on the flex-powered `.nav` base class. - Adds the `.nav-fill` to make nav links fill available horizontal space, but not equal width.
2016-12-24Make .nav flex-poweredMark Otto1-36/+3
- Set an explicit `display: flex` on the base `.nav` class and remove the floats/clearfixes from our navs. - Set some global styles for `.nav-link`, a departure from the previous solution that featured no predefined padding. - Move `.nav-link` from `inline-block` to `block` given this setting was added for our tabs and pills anyway. - Remove horizontal margin from nav tabs; let folks set that on their own from now on.
2016-12-21Flexbox all the time (Drop IE9 support and remove $enable-flex option) (#21389)Mark Otto1-8/+6
* remove the $enable-flex variable option * remove bootstrap-flex.css dist file and it's grunt task * remove the separate flex css file for docs; it's all the same now * remove flexbox docs (porting some to the main grid docs in next commit) * clean up few grid docs bits to simplify copy, start to mention flexbox * port relevant flexbox-grid.md content to grid.md - clean up mixins - update how it works section - bring over sizing and alignment sections * remove the $enable-flex from the options.md page * update lead paragraph to mention flexbox * update migration to mention loss of ie9 support * remove mention of flexbox dist file * clarify IE support * making a note * remove flexbox variant mentions from component docs - updates docs for media object, navs, list group, and cards to consolidate docs - no more need to callout flexbox variants since it's now the default * remove $enable-flex if/else from sass files * remove flex dist files * update scss lint property order to account for flex properties * linting * change to numberless classes for autosizing, wrap in highlighting div * bump gruntfile and postcss to ie10 * redo intro sections * rearrange * phew, redo hella grid docs - rearrange all the things - consolidate some bits * remove reference to flexbox mode * more border action for demo * Make some changes to the .card's in .card-deck's to ensure footers align to the bottom
2016-11-25v4: Flexbox nav options (#21201)Mark Otto1-0/+22
* Add some flexbox nav components - Includes .nav-justified for inline, tab, and pill nav components - Includes example of using the flex utils (.d- and .flex-items-) for centered nav * redo heading hierarchy a bit
2016-04-03Use @border-radius and add $nav-tabs-border-radius variablevsn4ik1-1/+1
2016-01-06Consolidate nav-tab dropdown styles with nav-tab stylesMark Otto1-12/+7
- Moves styles up the document a bit to nest them - Drops the static 1px for $navbar-tabs-border-width so once again it’s all tied together should folks customize that
2016-01-06New $nav-pills-active-link-* variablesMark Otto1-2/+2
- Renames old and unused $nav-pills-active-link-hover-* for $nav-pills-active-link-* ones - Puts those vars to use in place of defaults $component-* vars on nav pills
2016-01-06Revamp tabbed nav border variablesMark Otto1-3/+3
- Add new $nav-tabs-border-width for the bottom border on the .nav-tabs parent class - Use that new variable for the negative margin on nav-items within it for consistent customization - Drop the $nav-tabs-link-border-width for the new variable so it’s all tied together
2016-01-06Add $nav-disabled-link-hover-bg variableMark Otto1-1/+1
2016-01-06Add $nav-item-inline-spacer variableMark Otto1-1/+1
So folks can customize the distance between nav links in inline navs.
2015-12-08Introduce $nav-item-margin variableChris Rebert1-3/+3
[skip sauce]
2015-11-29Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-devMark Otto1-1/+1
2015-11-29fixes #18295. improve .nav-inline usefulness and document the classes as wellMark Otto1-0/+5
2015-11-14Add $nav-tabs-link-border-width; refs #18150Chris Rebert1-1/+1
2015-11-13scss/_nav.scss: Remove trailing whitespaceChris Rebert1-1/+1
[ci skip]
2015-11-12spaceMark Otto1-0/+1
2015-09-29Removed trailing whitespaceChris Bell1-1/+0
2015-09-29Fix for Issue #17711 - Added clearfix mixin to the nav-pills class.Chris Bell1-0/+2
2015-08-18remove commented out nav stylesMark Otto1-38/+0
2015-08-18rewrite active and disabled styles for navsMark Otto1-18/+13
2015-08-17clean out comments that aren't all that helpfulMark Otto1-2/+3
2015-08-14Massive cleanupMark Otto1-15/+50
- Simpler main nav on all pages - Back to purple masthead on homepage instead of dark graphite - Active link styles on the main nav - Cleaned up sidebar nav - New docs layout name - Homepage copy edits - Updated bright purple docs color
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-06 11:09:39 +0000