39 lines
884 B
CSS
39 lines
884 B
CSS
|
.FunctionTabs__nav {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
padding-left: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
list-style: none;
|
||
|
|
border-bottom: 1px solid #d9e2ef;
|
||
|
|
margin-bottom: -1px;
|
||
|
|
}
|
||
|
|
.FunctionTabs__nav-item {
|
||
|
|
margin-bottom: -1px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.FunctionTabs__nav-link {
|
||
|
|
color: var(--text-color);
|
||
|
|
border: 1px solid #0c0b0b38;
|
||
|
|
border-bottom: 0px;
|
||
|
|
border-top-left-radius: .375rem;
|
||
|
|
border-top-right-radius: .375rem;
|
||
|
|
display: block;
|
||
|
|
padding: .5rem 1rem;
|
||
|
|
}
|
||
|
|
.FunctionTabs__nav-link-active {
|
||
|
|
border-color: #d9e2ef #d9e2ef #fff;
|
||
|
|
color: var(--important);
|
||
|
|
}
|
||
|
|
.FunctionTabs__nav-link:hover {
|
||
|
|
border-color: #f1f4f8 #f1f4f8 #d9e2ef;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 490px) {
|
||
|
|
.FunctionTabs__nav {
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.FunctionTabs__nav-link {
|
||
|
|
border-color: #f1f4f8 #f1f4f8 #d9e2ef;
|
||
|
|
}
|
||
|
|
}
|