aboutsummaryrefslogtreecommitdiff
path: root/scss/_nav.scss
AgeCommit message (Collapse)AuthorFilesLines
2023-06-25Generalize disabled nav links CSS rules (#38774)Julien Déramond1-14/+2
Co-authored-by: Patrick H. Lauke <[email protected]>
2023-02-13Remove comments from `scss/_nav.scss` (#38038)Julien Déramond1-5/+0
2023-01-02Change nav focus to focus-visible (#37784)Mark Otto1-1/+1
Co-authored-by: Patrick H. Lauke <[email protected]>
2022-12-29Focus ring helper and utilities (#33125)Mark Otto1-0/+5
* Add global variables for box-shadow focus rings * Update instances of -btn-focus-box-shadow to use -ring-box-shadow, unless it's for buttons or inputs * fix variable name * Add CSS variables for global focus styling, document it * Move to CSS vars section * Update scss/_nav.scss Co-authored-by: Gaël Poupard <[email protected]> * Helper and utils * Fix bundlewatch * Change 'Focus ring' in sidebar so that the page can be visible * Minor typo fix * fix merge * Revamp some more, improve docs Co-authored-by: Gaël Poupard <[email protected]> Co-authored-by: Julien Déramond <[email protected]> Co-authored-by: Patrick H. Lauke <[email protected]>
2022-12-28Add .nav-underline modifier class (#33126)Mark Otto1-3/+40
* Add .nav-underline modifier class * Tweak sizing and spacing, add underline on hover * Rebuild with Sass and CSS variables * Document CSS vars * Bump bundlewatch
2022-09-04Add workarounds for postcss values parser errorGeremia Taglialatela1-2/+2
postcss-values-parser returns a syntax error when a negative value is provided in a `calc` function after a CSS variable. This is not an issue with Bootstrap itself, but a workaround to allow projects using postcss-values-parser to keep upgrading and compiling bootstrap Ref: shellscape/postcss-values-parser#138, twbs/bootstrap#35033 Fix: #36851
2022-05-22Stylelint: Disable `custom-property-empty-line-before`Mark Otto1-1/+1
2022-05-05Handle disabled focused tabs with tab JavaScript plugin (#36169)Julien Déramond1-1/+8
* Handle disabled tabs * Fix after feedback * Update js/src/tab.js Co-authored-by: GeoSot <[email protected]> * Update js/src/tab.js Co-authored-by: GeoSot <[email protected]> * Commit suggestions via GitHub broke the thing * Add some unit tests * Remove temp doc modification * Add tests for left arrow * Add disabled tabs in JavaScript Behavior section * Compact 4 tests to 2 tests * Compact 4 tests to 2 tests * Add 'disabled' attribute for all buttons * Change the disabled pane position only for the vertical version * Change ids for the confusing first example in JavaScript behavior * Use disabled attribute instead of the class for buttons in tabs Co-authored-by: GeoSot <[email protected]>
2022-03-28Train PR: CSS variables for accordion, cards, navs, and modals (#36071)Mark Otto1-19/+45
* Convert accordion to CSS vars * Update accordion.md * Convert navs to CSS variables * Split up CSS vars * bundlewatch * fix vars * Convert cards to CSS vars * Convert modals to CSS variables * Bundlewatch Co-authored-by: Geremia Taglialatela <[email protected]>
2022-03-11Fix some instances of lazy Sass math when multiplying new CSS var based ↵Mark Otto1-2/+2
border-width
2021-12-14Update stylelint and stylelint-config-twbs-bootstrap (#35438)XhmikosR1-1/+1
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]
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-06 02:40:07 +0000