| |
| |
| |
| |
| |
| |
| |
| |
| .nav { |
| margin-bottom: 0; |
| padding-left: 0; |
| list-style: none; |
| @include clearfix(); |
| |
| > li { |
| position: relative; |
| display: block; |
| |
| > a { |
| position: relative; |
| display: block; |
| padding: $nav-link-padding; |
| &:hover, |
| &:focus { |
| text-decoration: none; |
| background-color: $nav-link-hover-bg; |
| } |
| } |
| |
| |
| &.disabled > a { |
| color: $nav-disabled-link-color; |
| |
| &:hover, |
| &:focus { |
| color: $nav-disabled-link-hover-color; |
| text-decoration: none; |
| background-color: transparent; |
| cursor: not-allowed; |
| } |
| } |
| } |
| |
| |
| .open > a { |
| &, |
| &:hover, |
| &:focus { |
| background-color: $nav-link-hover-bg; |
| border-color: $link-color; |
| } |
| } |
| |
| |
| .nav-divider { |
| @include nav-divider(); |
| } |
| |
| |
| |
| > li > a > img { |
| max-width: none; |
| } |
| } |
| |
| |
| |
| |
| |
| |
| .nav-tabs { |
| border-bottom: 1px solid $nav-tabs-border-color; |
| > li { |
| float: left; |
| |
| margin-bottom: -1px; |
| |
| |
| > a { |
| margin-right: 2px; |
| line-height: $line-height-base; |
| border: 1px solid transparent; |
| border-radius: $border-radius-base $border-radius-base 0 0; |
| &:hover { |
| border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color; |
| } |
| } |
| |
| |
| &.active > a { |
| &, |
| &:hover, |
| &:focus { |
| color: $nav-tabs-active-link-hover-color; |
| background-color: $nav-tabs-active-link-hover-bg; |
| border: 1px solid $nav-tabs-active-link-hover-border-color; |
| border-bottom-color: transparent; |
| cursor: default; |
| } |
| } |
| } |
| |
| &.nav-justified { |
| @extend .nav-justified; |
| @extend .nav-tabs-justified; |
| } |
| } |
| |
| |
| |
| |
| .nav-pills { |
| > li { |
| float: left; |
| |
| |
| > a { |
| border-radius: 5px; |
| } |
| + li { |
| margin-left: 2px; |
| } |
| |
| |
| &.active > a { |
| &, |
| &:hover, |
| &:focus { |
| color: $nav-pills-active-link-hover-color; |
| background-color: $nav-pills-active-link-hover-bg; |
| } |
| } |
| } |
| } |
| |
| |
| |
| .nav-stacked { |
| > li { |
| float: none; |
| + li { |
| margin-top: 2px; |
| margin-left: 0; |
| } |
| } |
| } |
| |
| |
| |
| |
| |
| |
| |
| |
| .nav-justified { |
| width: 100%; |
| |
| > li { |
| float: none; |
| > a { |
| text-align: center; |
| } |
| } |
| |
| @media (min-width: $screen-sm) { |
| > li { |
| display: table-cell; |
| width: 1%; |
| } |
| } |
| } |
| |
| |
| .nav-tabs-justified { |
| border-bottom: 0; |
| > li > a { |
| border-bottom: 1px solid $nav-tabs-justified-link-border-color; |
| |
| |
| margin-right: 0; |
| } |
| > .active > a { |
| border-bottom-color: $nav-tabs-justified-active-link-border-color; |
| } |
| } |
| |
| |
| |
| |
| |
| |
| .tabbable { |
| @include clearfix(); |
| } |
| |
| |
| .tab-content > .tab-pane, |
| .pill-content > .pill-pane { |
| display: none; |
| } |
| .tab-content, |
| .pill-content { |
| > .active { |
| display: block; |
| } |
| } |
| |
| |
| |
| |
| |
| |
| |
| .nav .caret { |
| border-top-color: $link-color; |
| border-bottom-color: $link-color; |
| } |
| .nav a:hover .caret { |
| border-top-color: $link-hover-color; |
| border-bottom-color: $link-hover-color; |
| } |
| |
| |
| .nav-tabs .dropdown-menu { |
| |
| margin-top: -1px; |
| |
| @include border-top-radius(0); |
| } |