more navs work
This commit is contained in:
parent
4d5243674a
commit
a0d8c62f18
|
@ -2976,6 +2976,44 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
|
|||
.input-group-btn:last-child > .btn-group {
|
||||
margin-left: -1px;
|
||||
}
|
||||
.nav {
|
||||
padding-left: 0;
|
||||
margin-bottom: 24px;
|
||||
list-style: none;
|
||||
}
|
||||
.nav-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
.nav-link {
|
||||
display: block;
|
||||
padding: .5em 1em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.nav-link:hover,
|
||||
.nav-link:focus {
|
||||
text-decoration: none;
|
||||
background-color: #eceeef;
|
||||
}
|
||||
.open > .nav-link,
|
||||
.active > .nav-link,
|
||||
.open > .nav-link:hover,
|
||||
.active > .nav-link:hover,
|
||||
.open > .nav-link:focus,
|
||||
.active > .nav-link:focus {
|
||||
color: #fff;
|
||||
background-color: #027de7;
|
||||
}
|
||||
.disabled > .nav-link {
|
||||
color: #818a91;
|
||||
}
|
||||
.disabled > .nav-link,
|
||||
.disabled > .nav-link:hover,
|
||||
.disabled > .nav-link:focus {
|
||||
color: #818a91;
|
||||
cursor: not-allowed;
|
||||
background-color: transparent;
|
||||
}
|
||||
.nav {
|
||||
padding-left: 0;
|
||||
margin-bottom: 0;
|
||||
|
@ -5113,6 +5151,8 @@ button.close {
|
|||
.btn-group-vertical > .btn-group:after,
|
||||
.nav:before,
|
||||
.nav:after,
|
||||
.nav:before,
|
||||
.nav:after,
|
||||
.nav-tab:before,
|
||||
.nav-tab:after,
|
||||
.nav-pill:before,
|
||||
|
@ -5139,6 +5179,7 @@ button.close {
|
|||
.btn-toolbar:after,
|
||||
.btn-group-vertical > .btn-group:after,
|
||||
.nav:after,
|
||||
.nav:after,
|
||||
.nav-tab:after,
|
||||
.nav-pill:after,
|
||||
.navbar:after,
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -2976,6 +2976,44 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
|
|||
.input-group-btn:last-child > .btn-group {
|
||||
margin-left: -1px;
|
||||
}
|
||||
.nav {
|
||||
padding-left: 0;
|
||||
margin-bottom: 24px;
|
||||
list-style: none;
|
||||
}
|
||||
.nav-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
.nav-link {
|
||||
display: block;
|
||||
padding: .5em 1em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.nav-link:hover,
|
||||
.nav-link:focus {
|
||||
text-decoration: none;
|
||||
background-color: #eceeef;
|
||||
}
|
||||
.open > .nav-link,
|
||||
.active > .nav-link,
|
||||
.open > .nav-link:hover,
|
||||
.active > .nav-link:hover,
|
||||
.open > .nav-link:focus,
|
||||
.active > .nav-link:focus {
|
||||
color: #fff;
|
||||
background-color: #027de7;
|
||||
}
|
||||
.disabled > .nav-link {
|
||||
color: #818a91;
|
||||
}
|
||||
.disabled > .nav-link,
|
||||
.disabled > .nav-link:hover,
|
||||
.disabled > .nav-link:focus {
|
||||
color: #818a91;
|
||||
cursor: not-allowed;
|
||||
background-color: transparent;
|
||||
}
|
||||
.nav {
|
||||
padding-left: 0;
|
||||
margin-bottom: 0;
|
||||
|
@ -5113,6 +5151,8 @@ button.close {
|
|||
.btn-group-vertical > .btn-group:after,
|
||||
.nav:before,
|
||||
.nav:after,
|
||||
.nav:before,
|
||||
.nav:after,
|
||||
.nav-tab:before,
|
||||
.nav-tab:after,
|
||||
.nav-pill:before,
|
||||
|
@ -5139,6 +5179,7 @@ button.close {
|
|||
.btn-toolbar:after,
|
||||
.btn-group-vertical > .btn-group:after,
|
||||
.nav:after,
|
||||
.nav:after,
|
||||
.nav-tab:after,
|
||||
.nav-pill:after,
|
||||
.navbar:after,
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -3,6 +3,60 @@
|
|||
// --------------------------------------------------
|
||||
|
||||
|
||||
// - Mixins for horizontal and vertical nav
|
||||
// - Classes for tabs and pills
|
||||
|
||||
|
||||
.nav {
|
||||
margin-bottom: @line-height-computed;
|
||||
.list-unstyled();
|
||||
&:extend(.clearfix all);
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
display: block;
|
||||
padding: @nav-link-padding;
|
||||
line-height: @line-height-base;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
background-color: @nav-link-hover-bg;
|
||||
}
|
||||
|
||||
// Open dropdown and active states
|
||||
.open > &,
|
||||
.active > & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @component-active-color;
|
||||
background-color: @component-active-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Disabled state sets text to gray and nukes hover/tab effects
|
||||
.disabled > & {
|
||||
color: @nav-disabled-link-color;
|
||||
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @nav-disabled-link-hover-color;
|
||||
background-color: transparent;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// Base class
|
||||
// --------------------------------------------------
|
||||
|
||||
|
|
Loading…
Reference in New Issue