You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
920 B
57 lines
920 B
.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; |
|
} |
|
} |
|
}
|
|
|