@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
30 lines (29 loc) • 981 B
CSS
/*
* HelpButton component
*
*/
/*
* Utilities
*/
.eufemia-scope--11_8_2 .dnb-help-button__inline:not(.dnb-help-button__inline--user-intent) .dnb-icon--transition-fallback svg[data-icon-state] {
transition-duration: 0ms;
}
.eufemia-scope--11_8_2 .dnb-help-button__content .dnb-section {
--background-color: var(--token-color-background-neutral-subtle);
--outset-left: 1rem;
--outset-right: 1rem;
--rounded-corner--value: calc(var(--card-outline-width) + 0.5rem);
}
.eufemia-scope--11_8_2 .dnb-help-button__content .dnb-section .dnb-p {
max-width: var(--prose-max-width);
transition: transform 400ms var(--easing-default) 40ms;
transform: translate3d(0, -0.5rem, 0);
}
@media (prefers-reduced-motion: reduce) {
.eufemia-scope--11_8_2 .dnb-help-button__content .dnb-section .dnb-p {
transition-duration: 0.01ms;
}
}
.eufemia-scope--11_8_2 .dnb-help-button__content.dnb-height-animation--parallax .dnb-section .dnb-p {
transform: translate3d(0, 0, 0);
}