2020-03-23 21:22:41 +01:00
|
|
|
.FunctionTabs__nav {
|
2020-08-03 14:14:45 +02:00
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
list-style: none;
|
|
|
|
|
border-bottom: 1px solid #d9e2ef;
|
|
|
|
|
margin-bottom: -1px;
|
|
|
|
|
margin-top: 30px;
|
2020-03-23 21:22:41 +01:00
|
|
|
}
|
|
|
|
|
.FunctionTabs__nav-item {
|
2020-08-03 14:14:45 +02:00
|
|
|
margin-bottom: -1px;
|
|
|
|
|
cursor: pointer;
|
2020-03-23 21:22:41 +01:00
|
|
|
}
|
|
|
|
|
.FunctionTabs__nav-link {
|
2020-08-03 14:14:45 +02:00
|
|
|
color: var(--text-color);
|
|
|
|
|
border: 1px solid #0c0b0b38;
|
|
|
|
|
border-bottom: 0px;
|
|
|
|
|
border-top-left-radius: 0.375rem;
|
|
|
|
|
border-top-right-radius: 0.375rem;
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 0.5rem 1rem;
|
|
|
|
|
transition: 0.2s;
|
2020-03-23 21:22:41 +01:00
|
|
|
}
|
|
|
|
|
.FunctionTabs__nav-link-active {
|
2020-08-03 14:14:45 +02:00
|
|
|
border-color: #d9e2ef #d9e2ef #fff;
|
|
|
|
|
color: var(--important);
|
2020-03-23 21:22:41 +01:00
|
|
|
}
|
|
|
|
|
.FunctionTabs__nav-link:hover {
|
2020-08-03 14:14:45 +02:00
|
|
|
border-color: #f1f4f8 #f1f4f8 #d9e2ef;
|
|
|
|
|
text-decoration: none;
|
2020-03-23 21:22:41 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (max-width: 490px) {
|
2020-08-03 14:14:45 +02:00
|
|
|
.FunctionTabs__nav {
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
.FunctionTabs__nav-link {
|
|
|
|
|
border-color: #f1f4f8 #f1f4f8 #d9e2ef;
|
|
|
|
|
}
|
|
|
|
|
}
|
