54 lines
795 B
SCSS
54 lines
795 B
SCSS
.nav-pills {
|
|
.nav-link {
|
|
margin: 0.1em;
|
|
padding: 0.2em;
|
|
font-weight: bold;
|
|
color: #00f;
|
|
|
|
&:hover {
|
|
color: #f00;
|
|
background-color: $bg-one;
|
|
|
|
@include border-radius(0.3em);
|
|
}
|
|
|
|
img {
|
|
margin-right: 0.1em;
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
|
|
.nav-link.active,
|
|
.show > .nav-link {
|
|
color: #00f;
|
|
background-color: $bg-one;
|
|
|
|
@include border-radius(0.3em);
|
|
}
|
|
}
|
|
|
|
.nav-tabs {
|
|
margin: 1.1em 0.2em 0;
|
|
font-weight: bold;
|
|
|
|
.nav-link {
|
|
margin: 0.1em 0.2em 0;
|
|
padding: 0.1em 0.4em;
|
|
border-color: $bg-two $bg-two #f5f5f5;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
margin: 0;
|
|
padding: 0.1em 0.6em 0.2em;
|
|
}
|
|
}
|
|
|
|
.nav-link.active,
|
|
.nav-item.show .nav-link {
|
|
&:hover,
|
|
&:focus {
|
|
color: #f00;
|
|
}
|
|
}
|
|
}
|