2022-03-04 16:35:02 +01:00
|
|
|
:root {
|
|
|
|
--tab-bar-border: 2px solid var(--muted-color);
|
|
|
|
--tab-color: var(--placeholder-color);
|
2022-03-08 19:43:40 +01:00
|
|
|
--tab-border-hover: none;
|
2022-03-04 16:35:02 +01:00
|
|
|
--tab-color-hover: var(--secondary-color);
|
2022-03-08 19:43:40 +01:00
|
|
|
--tab-border-active: 3px solid var(--secondary-color);
|
|
|
|
--tab-color-active: var(--primary-color);
|
2022-03-04 16:35:02 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.uk-tab::before {
|
|
|
|
border-bottom: var(--tab-bar-border);
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.uk-tab > li > a {
|
|
|
|
color: var(--tab-color);
|
|
|
|
font-weight: normal;
|
|
|
|
border-bottom: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.uk-tab > * > a:hover {
|
|
|
|
color: var(--tab-color-hover);
|
2022-03-08 19:43:40 +01:00
|
|
|
border-bottom: var(--tab-border-hover);
|
2022-03-04 16:35:02 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.uk-tab> li.uk-active > a {
|
2022-03-08 19:43:40 +01:00
|
|
|
color: var(--tab-color-active);
|
|
|
|
border-bottom: var(--tab-border-active);
|
2022-03-04 16:35:02 +01:00
|
|
|
font-weight: 600;
|
|
|
|
}
|