diff options
| author | Mark Otto <[email protected]> | 2014-12-02 14:02:35 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-12-02 14:02:35 -0800 |
| commit | 27df020852ada46c85138c75736fbb4c4784eeeb (patch) | |
| tree | 8d0bf84e33d4823e67fbe2283e19d2ddc73f5dab /less/_nav.less | |
| parent | 6bd84210ffe766b18fd3cd11a5da4f5ee0d43ecc (diff) | |
| download | bootstrap-27df020852ada46c85138c75736fbb4c4784eeeb.tar.xz bootstrap-27df020852ada46c85138c75736fbb4c4784eeeb.zip | |
convert to scss
Diffstat (limited to 'less/_nav.less')
| -rw-r--r-- | less/_nav.less | 168 |
1 files changed, 0 insertions, 168 deletions
diff --git a/less/_nav.less b/less/_nav.less deleted file mode 100644 index 70e79ea5b..000000000 --- a/less/_nav.less +++ /dev/null @@ -1,168 +0,0 @@ -// -// Navs -// -------------------------------------------------- - -.nav { - margin-bottom: 0; - .list-unstyled(); - &:extend(.clearfix all); -} - -.nav-item { - position: relative; - display: inline-block; -} - -.nav-link { - display: inline-block; - padding: @nav-link-padding; - line-height: @line-height-base; - - &:hover, - &:focus { - text-decoration: none; - background-color: @nav-link-hover-bg; - } - - // Disabled state sets text to gray and nukes hover/tab effects - .disabled > &, - &.disabled { - color: @nav-disabled-link-color; - - &, - &:hover, - &:focus { - color: @nav-disabled-link-hover-color; - background-color: transparent; - cursor: @cursor-disabled; - } - } -} - - -// -// Tabs -// - -.nav-tabs { - border-bottom: 1px solid @nav-tabs-border-color; - - .nav-item { - float: left; - // Make the list-items overlay the bottom border - margin-bottom: -1px; - - + .nav-item { - margin-left: .2rem; - } - } - - .nav-link { - display: block; - border: 1px solid transparent; - .border-radius(@border-radius-base @border-radius-base 0 0); - - &:hover, - &:focus { - border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color; - } - } - - .open > .nav-link, - .active > .nav-link, - .nav-link.open, - .nav-link.active { - &, - &:hover, - &:focus { - color: @nav-tabs-active-link-hover-color; - background-color: @nav-tabs-active-link-hover-bg; - border-color: @nav-tabs-active-link-hover-border-color @nav-tabs-active-link-hover-border-color transparent; - } - } - - .disabled > .nav-link, - .nav-link.disabled { - &, - &:hover, - &:focus { - color: @nav-disabled-link-color; - background-color: transparent; - border-color: transparent; - } - } -} - - -// -// Pills -// - -.nav-pills { - .nav-item { - float: left; - - + .nav-item { - margin-left: .2rem; - } - } - - .nav-link { - display: block; - .border-radius(@nav-pills-border-radius); - } - - .open > .nav-link, - .active > .nav-link, - .nav-link.open, - .nav-link.active { - &, - &:hover, - &:focus { - color: @component-active-color; - background-color: @component-active-bg; - cursor: default; - } - } -} - -.nav-stacked { - .nav-item { - float: none; - display: block; - - + .nav-item { - margin-top: .2rem; - margin-left: 0; - } - } -} - - -// -// Tabbable tabs -// - -// Hide tabbable panes to start, show them when `.active` -.tab-content { - > .tab-pane { - display: none; - visibility: hidden; - } - > .active { - display: block; - visibility: visible; - } -} - - -// -// Dropdowns -// - -.nav-tabs .dropdown-menu { - // Make dropdown border overlap tab border - margin-top: -1px; - // Remove the top rounded corners here since there is a hard edge above the menu - .border-top-radius(0); -} |
