mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-07 04:54:24 +01:00
61 lines
1.0 KiB
Plaintext
61 lines
1.0 KiB
Plaintext
// Pill nav
|
|
//
|
|
// Horizontal navigation with large (rounded) rectangle hit areas for links.
|
|
|
|
.nav-pill {
|
|
.list-unstyled();
|
|
margin-bottom: @line-height-computed;
|
|
&:extend(.clearfix all);
|
|
}
|
|
|
|
.nav-pill-item {
|
|
position: relative;
|
|
display: block;
|
|
float: left;
|
|
|
|
& + & {
|
|
margin-left: .2rem;
|
|
}
|
|
}
|
|
|
|
.nav-pill-link {
|
|
position: relative;
|
|
display: block;
|
|
padding: @nav-link-padding;
|
|
.border-radius(@nav-pills-border-radius);
|
|
|
|
&:hover,
|
|
&:focus {
|
|
text-decoration: none;
|
|
background-color: @nav-link-hover-bg;
|
|
}
|
|
}
|
|
|
|
// Open dropdown and active states
|
|
.open,
|
|
.active {
|
|
> .nav-pill-link {
|
|
&,
|
|
&:hover,
|
|
&:focus {
|
|
color: @nav-pills-active-link-hover-color;
|
|
background-color: @nav-pills-active-link-hover-bg;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Disabled state sets text to gray and nukes hover/tab effects
|
|
.disabled {
|
|
> .nav-pill-link {
|
|
color: @nav-disabled-link-color;
|
|
|
|
&,
|
|
&:hover,
|
|
&:focus {
|
|
color: @nav-disabled-link-hover-color;
|
|
background-color: transparent;
|
|
cursor: not-allowed;
|
|
}
|
|
}
|
|
}
|