@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
34 lines • 793 B
CSS
/*
* SkipContent component
*
*/
/*
* Utilities
*/
.dnb-skip-content--visible {
display: flex;
}
.dnb-skip-content .dnb-button {
margin: 1rem 0;
}
.dnb-skip-content__focus:focus {
position: relative;
}
.dnb-skip-content__focus:focus::before {
content: "";
position: absolute;
top: var(--focus-ring-width);
right: var(--focus-ring-width);
bottom: var(--focus-ring-width);
left: var(--focus-ring-width);
outline: none;
}
html[data-whatinput=keyboard] .dnb-skip-content__focus:focus::before {
--border-color: var(--focus-ring-color);
--border-width: var(--focus-ring-width);
box-shadow: 0 0 0 var(--border-width) var(--border-color);
border-color: transparent;
}
.dnb-skip-content__return:not(.dnb-skip-content__return--active) button.dnb-sr-only {
display: none;
}