mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-17 19:21:23 +03:00
Tweak sizing and spacing, add underline on hover
This commit is contained in:
+13
-1
@@ -100,15 +100,27 @@
|
|||||||
//
|
//
|
||||||
|
|
||||||
.nav-underline {
|
.nav-underline {
|
||||||
|
.nav-item + .nav-item,
|
||||||
|
.nav-link + .nav-link {
|
||||||
|
margin-left: $nav-link-padding-x;
|
||||||
|
}
|
||||||
|
|
||||||
.nav-link {
|
.nav-link {
|
||||||
|
padding-right: 0;
|
||||||
|
padding-left: 0;
|
||||||
border-bottom: .125rem solid transparent;
|
border-bottom: .125rem solid transparent;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
border-bottom-color: currentColor;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-link.active,
|
.nav-link.active,
|
||||||
.show > .nav-link {
|
.show > .nav-link {
|
||||||
font-weight: $font-weight-bold;
|
font-weight: $font-weight-bold;
|
||||||
color: $dark;
|
color: $dark;
|
||||||
border-bottom-color: $dark;
|
border-bottom-color: currentColor;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user