@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
1 lines • 3.17 kB
CSS
.dnb-icon{color:inherit;display:inline-block;font-size:1rem;height:1em;line-height:1rem;vertical-align:middle;width:1em}.dnb-icon img,.dnb-icon svg,:where(.dnb-core-style) .dnb-icon img,:where(.dnb-core-style) .dnb-icon svg{shape-rendering:geometricprecision;height:inherit;vertical-align:top;width:inherit}.dnb-icon svg[width="100%"]{width:inherit}.dnb-icon svg[height="100%"]{height:inherit}.dnb-icon--filled svg path,.dnb-icon--inherit-color svg [fill],.dnb-icon--inherit-color svg:not([fill]){fill:currentcolor}.dnb-icon--inherit-color svg [stroke]{stroke:currentcolor}.dnb-icon--small{font-size:.75rem}.dnb-icon--default{font-size:1rem}.dnb-icon--medium{font-size:1.5rem}.dnb-icon--large{font-size:2rem}.dnb-icon--x-large{font-size:2.5rem}.dnb-icon--xx-large{font-size:3rem}.dnb-icon--custom-size{height:auto;line-height:0;width:auto}.dnb-icon--auto{font-size:1em}.dnb-icon--auto svg[width="24"] path,.dnb-icon--custom-size svg[width="24"] path,.dnb-icon--large svg[width="24"] path,.dnb-icon--x-large svg[width="24"] path,.dnb-icon--xx-large svg[width="24"] path{vector-effect:non-scaling-stroke}.dnb-icon--auto>.dnb-icon--wrapper{align-items:center;display:inline-flex;justify-content:center}.dnb-icon{--icon-border-positioning:var(--icon-border-positioning--default,-25%)}.dnb-icon--border{position:relative;vertical-align:baseline}.dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:var(--icon-border-positioning);content:"";left:var(--icon-border-positioning);margin:auto;position:absolute;right:var(--icon-border-positioning);top:var(--icon-border-positioning)}h1>.dnb-icon,h2>.dnb-icon,h3>.dnb-icon,h4>.dnb-icon,h5>.dnb-icon,h6>.dnb-icon{vertical-align:middle}p>.dnb-icon{vertical-align:inherit}.dnb-icon.dnb-skeleton:after,.dnb-icon.dnb-skeleton:before{content:none}.dnb-icon.dnb-skeleton{color:var(--skeleton-color)}@supports (d:path("")){.dnb-icon--transition-fallback[style*="--icon-transition"] svg[data-icon-state]:not(:first-of-type){display:none}.dnb-icon--transition-fallback[style*="--icon-transition"] svg[data-icon-state]:first-of-type{opacity:1;transform:none;transition:none}.dnb-icon--transition-fallback[style*="--icon-transition"] svg[data-icon-state]:first-of-type path{d:var(--icon-transition,var(--icon-transition-default));vector-effect:non-scaling-stroke;transition:d .4s var(--easing-default)}@media (prefers-reduced-motion:reduce){.dnb-icon--transition-fallback[style*="--icon-transition"] svg[data-icon-state]:first-of-type path{transition-duration:.01ms}}}.dnb-icon--transition-fallback{position:relative}.dnb-icon--transition-fallback svg[data-icon-state]{transition:opacity .5s var(--easing-default) 80ms,transform .6s var(--easing-default)}.dnb-icon--transition-fallback svg[data-icon-state]:not(:first-of-type){bottom:0;left:0;position:absolute;right:0;top:0}.dnb-icon--transition-fallback svg[data-icon-state]:not(.dnb-icon__state--active){opacity:0;transform:scale(.5)}.dnb-icon--transition-fallback svg[data-icon-state].dnb-icon__state--active{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.dnb-icon--transition-fallback svg[data-icon-state]{transition-duration:.01ms}}