@dnb/eufemia/components/tabs/style/themes/dnb-tabs-theme-ui.min.css

DNB Eufemia Design System UI Library

.dnb-tabs{--tablist-border-color--default:var(--color-black-8);--tab-title-font-color:var(--color-sea-green);--tab-title-font-weight:var(--font-weight-regular);--tab-title-font-size:var(--font-size-basis);--tab-title-background--hover:var(--color-mint-green-50);--tab-title-color--hover:var(--color-sea-green);--tab-title-border--hover:var(--color-sea-green);--tab-title-color--disabled:var(--color-sea-green-30);--tab-title-border--active-selected:var(--color-sea-green);--tab-title-color--active-selected:var(--color-emerald-green)}.dnb-tabs__button__title{color:var(--color-sea-green);display:block;font-size:var(--font-size-basis);font-weight:var(--font-weight-regular);padding:.5rem 0 .25rem;text-align:center}html:not([data-whatintent=touch]) .dnb-tabs__button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]){background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]):after{background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:focus:before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-tabs__button:focus{overflow:visible}.dnb-tabs__button:focus:before{border-radius:1.5rem;bottom:.5rem;left:-.375rem;right:-.375rem;top:.5rem}.dnb-tabs__button[disabled] .dnb-tabs__button__title{color:var(--color-sea-green-30)}.dnb-tabs__button:not([disabled]).selected:after,.dnb-tabs__button:not([disabled]):active:after{background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title{color:var(--color-emerald-green)}.dnb-tabs__button span[hidden],.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title{font-weight:var(--font-weight-medium)}