@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
1 lines • 3.74 kB
CSS
.eufemia-scope--10_104_0 .dnb-step-indicator{--step-indicator-trigger-background:var(--color-black-3);--step-indicator-trigger-content-background:var(--color-white);--step-indicator-check-bg:var(--color-pistachio);--step-indicator-check-color:var(--color-success-green);--step-indicator-current-border:var(--color-black-80);--padding-top:0;--padding-bottom:0}.eufemia-scope--10_104_0 .dnb-step-indicator__sidebar{display:none}.eufemia-scope--10_104_0 .dnb-step-indicator__list{list-style:none;margin:0;padding:0}.eufemia-scope--10_104_0 .dnb-step-indicator__trigger{align-items:flex-start;display:flex;flex-wrap:wrap}.eufemia-scope--10_104_0 .dnb-step-indicator__trigger__button{--button-height:1.5rem}.eufemia-scope--10_104_0 .dnb-step-indicator__trigger__button .dnb-button__text{margin:0;transform:none}.eufemia-scope--10_104_0 .dnb-step-indicator__trigger__button .dnb-button__icon{--button-icon-margin-top:0.25rem;transition:transform .4s var(--easing-default)}@media (prefers-reduced-motion:reduce){.eufemia-scope--10_104_0 .dnb-step-indicator__trigger__button .dnb-button__icon{transition-duration:.01ms}}.eufemia-scope--10_104_0 .dnb-step-indicator__trigger__button--expanded .dnb-button__icon{transform:rotate(180deg)}.eufemia-scope--10_104_0 .dnb-step-indicator__item__wrapper{display:flex;gap:1rem;padding-bottom:1rem;position:relative}.eufemia-scope--10_104_0 .dnb-step-indicator__item__wrapper:before{background-color:var(--color-black-20);content:"";display:block;height:100%;left:.71875rem;position:absolute;top:.25rem;width:.0625rem}.eufemia-scope--10_104_0 .dnb-step-indicator__item__bullet{align-items:center;border-radius:50%;display:flex;height:1.5rem;justify-content:center;min-width:1.5rem;width:1.5rem;z-index:0}.eufemia-scope--10_104_0 .dnb-step-indicator__item__bullet--check,.eufemia-scope--10_104_0 .dnb-step-indicator__item__bullet--current,.eufemia-scope--10_104_0 .dnb-step-indicator__item__bullet--empty{background-color:var(--step-indicator-check-bg);border:.0625rem solid transparent}.eufemia-scope--10_104_0 .dnb-step-indicator__item__bullet--check{border-color:var(--step-indicator-check-color);color:var(--step-indicator-check-color);font-size:.875rem}.eufemia-scope--10_104_0 .dnb-step-indicator__item__bullet--empty{background-color:var(--color-white);border-color:var(--color-black-20);color:var(--color-black-20)}.eufemia-scope--10_104_0 .dnb-step-indicator__item__bullet--current{border-color:var(--step-indicator-current-border);border-width:.1875rem}.eufemia-scope--10_104_0 .dnb-step-indicator__item__bullet.dnb-skeleton{border-color:var(--color-black-20);border-width:.0625rem}.eufemia-scope--10_104_0 .dnb-step-indicator__item-content{display:flex}.eufemia-scope--10_104_0 .dnb-step-indicator__item-content__number{font-size:var(--font-size-basis);margin-right:.5rem;white-space:nowrap}.eufemia-scope--10_104_0 .dnb-step-indicator__item-content__wrapper{display:flex;flex-direction:column;font-size:var(--font-size-basis)}.eufemia-scope--10_104_0 .dnb-step-indicator__item__icon{opacity:1;transition:opacity .4s ease-in-out}@media (prefers-reduced-motion:reduce){.eufemia-scope--10_104_0 .dnb-step-indicator__item__icon{transition-duration:.01ms}}.eufemia-scope--10_104_0 .dnb-step-indicator__item__icon--hidden{opacity:0;transition-timing-function:ease-out}.eufemia-scope--10_104_0 .dnb-step-indicator__item:last-child .dnb-step-indicator__item__wrapper:before{display:none}html[data-visual-test] .eufemia-scope--10_104_0 .dnb-step-indicator__item__icon{transition-duration:1ms}.eufemia-scope--10_104_0 .dnb-step-indicator__button{align-self:flex-start;text-align:left;white-space:normal}.eufemia-scope--10_104_0 .dnb-step-indicator__button.dnb-anchor{line-height:inherit;padding:0}