@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
1 lines • 1.84 kB
CSS
.eufemia-scope--10_104_0 .dnb-forms-section-block{--block-outline-color:var(--color-black-8);--block-outline-width:var(--card-outline-width)}.eufemia-scope--10_104_0 .dnb-forms-section-block--error:has(.dnb-form-status--error):not(.dnb-forms-section-block--variant-basic){--block-outline-color:var(--color-fire-red);--block-outline-width:0.0625rem}.eufemia-scope--10_104_0 .dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.eufemia-scope--10_104_0 .dnb-forms-section-block__inner{flex:1;outline:none;transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.eufemia-scope--10_104_0 .dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.eufemia-scope--10_104_0 .dnb-forms-section-block--variant-basic{--border-color:transparent;--block-outline-color:transparent}.eufemia-scope--10_104_0 .dnb-forms-section-block--variant-filled .dnb-forms-section-block__inner{--space:var(--spacing-small)}.eufemia-scope--10_104_0 .dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(0)}.eufemia-scope--10_104_0 .dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.eufemia-scope--10_104_0 .dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.eufemia-scope--10_104_0 .dnb-card .dnb-forms-section-block .dnb-card,.eufemia-scope--10_104_0 .dnb-forms-section-block .dnb-card{--card-outline-color:var(--block-outline-color);--card-outline-width:var(--block-outline-width)}.eufemia-scope--10_104_0 .dnb-card .dnb-forms-section-block .dnb-card--filled.dnb-section,.eufemia-scope--10_104_0 .dnb-forms-section-block .dnb-card--filled.dnb-section{--background-color:var(--color-lavender)}