59 lines
1.2 KiB
CSS
59 lines
1.2 KiB
CSS
|
|
||
|
|
/*==========================*/
|
||
|
|
/*======= NAVIGATION =======*/
|
||
|
|
/*==========================*/
|
||
|
|
|
||
|
|
.navigation-tabs-container {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation-tabs-container h5 {
|
||
|
|
margin-bottom: 0px;
|
||
|
|
padding: 8px 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation-tabs-container .navigation-tab:hover {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation-tabs-container .navigation-tab:hover h5 {
|
||
|
|
color: var(--navigation-tab-primary);
|
||
|
|
transition: all ease-out 120ms;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation-tabs-container .navigation-tab:hover .border-selected {
|
||
|
|
width: 100%;
|
||
|
|
transition: all ease-out 120ms;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation-tabs-container .navigation-tab:hover .border-default {
|
||
|
|
width: 0%;
|
||
|
|
transition: all ease-out 120ms;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation-tabs-container .selected .border-default {
|
||
|
|
width: 0%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation-tabs-container .selected .border-selected {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation-tabs-container .selected h5 {
|
||
|
|
color: var(--navigation-tab-primary) !important;
|
||
|
|
margin: 0px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation-tabs-container .border-selected {
|
||
|
|
width: 0%;
|
||
|
|
height: 5px;
|
||
|
|
background: var(--navigation-tab-primary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.navigation-tabs-container .border-default {
|
||
|
|
width: 100%;
|
||
|
|
height: 1px;
|
||
|
|
margin-top: 2px;
|
||
|
|
background: #707070;
|
||
|
|
}
|