@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
33 lines • 1.46 kB
CSS
/*
* Tabs theme for Sbanken
*
*/
.dnb-tabs {
--tablist-border-color--default: var(--sb-color-gray-light-2);
--tab-focus-background-color: var(--sb-color-blue-light-3);
--tab-title-font-color: var(--sb-color-gray-dark-3);
--tab-title-font-weight: var(--font-weight-regular);
--tab-title-font-size: var(--font-size-basis);
--tab-title-background--hover: var(--sb-color-violet-light-4);
--tab-title-color--hover: var(--sb-color-violet);
--tab-title-border--hover: var(--sb-color-violet-light-4);
--tab-title-background--disabled: var(--sb-color-gray-light-2);
--tab-title-color--disabled: var(--sb-color-gray-dark-2);
--tab-title-border--active-selected: var(--sb-color-violet);
--tab-title-color--active-selected: var(--sb-color-violet);
}
.dnb-tabs__button, .dnb-core-style .dnb-tabs .dnb-tabs__button {
padding: 0 0.5rem;
}
.dnb-tabs__button:focus::before, .dnb-core-style .dnb-tabs .dnb-tabs__button:focus::before {
z-index: -1;
}
.dnb-tabs__button, .dnb-core-style .dnb-tabs .dnb-tabs__button {
/* stylelint-disable no-descending-specificity */
}
.dnb-tabs__button:focus .dnb-tabs__button__title, .dnb-core-style .dnb-tabs .dnb-tabs__button:focus .dnb-tabs__button__title {
color: var(--sb-color-blue-dark);
}
.dnb-tabs__button:not([disabled]).selected:focus .dnb-tabs__button__title, .dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]).selected:focus .dnb-tabs__button__title {
color: var(--sb-color-blue-dark);
}