aboutsummaryrefslogtreecommitdiff
path: root/scss/_nav.scss
AgeCommit message (Collapse)AuthorFilesLines
2020-12-10v4: Move negative margin-bottom from .nav-item to .nav-link (#32211)Kyle Tsang1-4/+1
Co-authored-by: XhmikosR <[email protected]>
2020-06-24Backport #30973XhmikosR1-0/+2
Remove the class `.nav-item` from `.nav-link` inside the non `ul` or `ol` based navs. This makes the consistency for `.nav-item` (This class will not be required on the `.nav-link`). `.nav-item` was only required when you use `.nav-fill` or `.nav-justified` on the `.nav`. In other cases, it was redundant. And the purpose of `.nav-item` on `.nav-link`s can be achieved via flexbox utilities as well (Mentioned in the docs also).
2020-03-09$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-07-31Apply `at-mixin-argumentless-call-parentheses: always` stylelint rule for v4 ↵Martijn Cuppens1-2/+2
mixins
2019-03-08Add <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
2015-06-22drop the base (hahaha), no but seriously drop the -base from our vars since ↵Mark Otto1-1/+1
it's cleaner
2015-04-26remove extends: navs and unstyled listsMark Otto1-1/+2
2015-04-18New form control sizing, new navbar condensed variation, update nav and ↵Mark Otto1-1/+1
navbar spacing
2015-04-18more comments and formatting clean upMark Otto1-0/+5
2015-03-29Merge branch 'master' into v4Mark Otto1-2/+0
Conflicts: .gitignore Gruntfile.js _config.yml dist/css/bootstrap-theme.css dist/css/bootstrap-theme.min.css dist/css/bootstrap.css dist/css/bootstrap.css.map dist/css/bootstrap.min.css dist/js/bootstrap.js dist/js/bootstrap.min.js docs/_includes/components/navbar.html docs/_includes/components/progress-bars.html docs/_includes/css/grid.html docs/_includes/css/overview.html docs/_includes/customizer-variables.html docs/_includes/getting-started/accessibility.html docs/_includes/getting-started/browser-device-support.html docs/_includes/getting-started/community.html docs/_includes/getting-started/disabling-responsiveness.html docs/_includes/getting-started/download.html docs/_includes/getting-started/examples.html docs/_includes/getting-started/license.html docs/_includes/getting-started/third-party-support.html docs/_includes/js/alerts.html docs/_includes/js/buttons.html docs/_includes/js/carousel.html docs/_includes/js/collapse.html docs/_includes/js/dropdowns.html docs/_includes/js/modal.html docs/_includes/js/popovers.html docs/_includes/js/scrollspy.html docs/_includes/js/tabs.html docs/_includes/js/tooltips.html docs/_includes/js/transitions.html docs/_includes/nav/javascript.html docs/_includes/nav/main.html docs/about.html docs/assets/css/docs.min.css docs/assets/css/src/docs.css docs/assets/js/customize.min.js docs/assets/js/raw-files.min.js docs/assets/js/src/customizer.js docs/dist/css/bootstrap-theme.css docs/dist/css/bootstrap-theme.min.css docs/dist/css/bootstrap.css docs/dist/css/bootstrap.css.map docs/dist/css/bootstrap.min.css docs/dist/js/bootstrap.js docs/dist/js/bootstrap.min.js docs/migration.html js/affix.js js/alert.js js/button.js js/carousel.js js/collapse.js js/dropdown.js js/modal.js js/popover.js js/scrollspy.js js/tab.js js/tests/unit/affix.js js/tests/unit/button.js js/tests/unit/carousel.js js/tests/unit/modal.js js/tests/unit/tooltip.js js/tests/visual/modal.html js/tooltip.js less/component-animations.less less/jumbotron.less less/mixins/background-variant.less less/mixins/buttons.less less/mixins/responsive-visibility.less less/mixins/text-emphasis.less less/navbar.less less/navs.less less/scaffolding.less less/tooltip.less less/utilities.less less/variables.less package.json scss/_buttons.scss scss/_forms.scss scss/_modal.scss
2015-01-22put all :hover styles within @media (hover: hover)Chris Rebert1-16/+6
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-06 15:52:14 +0000