58 lines
920 B
SCSS
58 lines
920 B
SCSS
|
.nav-pills {
|
||
|
.nav-link {
|
||
|
margin-left: 0;
|
||
|
margin-right: 6px;
|
||
|
padding: 4px 10px;
|
||
|
font-weight: bold;
|
||
|
background: #f2f2f2;
|
||
|
color: #235a81;
|
||
|
border: 1px solid #ddd;
|
||
|
|
||
|
@include border-radius(20px);
|
||
|
|
||
|
&:hover {
|
||
|
background-color: $bg-one;
|
||
|
|
||
|
@include border-radius(0.3em);
|
||
|
}
|
||
|
|
||
|
img {
|
||
|
margin-right: 0.5em;
|
||
|
vertical-align: -3px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.nav-link.active,
|
||
|
.show > .nav-link {
|
||
|
background-color: #fff;
|
||
|
color: #235a81;
|
||
|
|
||
|
@include border-radius(0.3em);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.nav-tabs {
|
||
|
font-weight: bold;
|
||
|
|
||
|
.nav-link {
|
||
|
background-color: #f2f2f2;
|
||
|
color: #555;
|
||
|
border-color: $bg-two $bg-two #aaa;
|
||
|
margin-right: 0.4em;
|
||
|
padding: 7px 10px;
|
||
|
|
||
|
&:hover,
|
||
|
&:focus {
|
||
|
background-color: #e5e5e5;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.nav-link.active,
|
||
|
.nav-item.show .nav-link {
|
||
|
&:hover,
|
||
|
&:focus {
|
||
|
background-color: $nav-tabs-link-active-bg;
|
||
|
}
|
||
|
}
|
||
|
}
|