@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
1 lines • 14.9 kB
CSS
.eufemia-scope--10_104_0 button.dnb-anchor{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;line-height:calc(var(--line-height-basis) + .125rem)}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor{--anchor-underline-thickness:0.0938rem;--anchor-icon-gutter:0.25em;--anchor-icon-separator:"\2060";--anchor-icon-position:translateY(-0.175em);border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em}.eufemia-scope--10_104_0 sub :where(:not(.dnb-anchor--no-style)).dnb-anchor,.eufemia-scope--10_104_0 sup :where(:not(.dnb-anchor--no-style)).dnb-anchor{padding:0 .025em}.eufemia-scope--10_104_0 .dnb-h--basis :where(:not(.dnb-anchor--no-style)).dnb-anchor,.eufemia-scope--10_104_0 .dnb-h--large :where(:not(.dnb-anchor--no-style)).dnb-anchor,.eufemia-scope--10_104_0 .dnb-h--medium :where(:not(.dnb-anchor--no-style)).dnb-anchor,.eufemia-scope--10_104_0 .dnb-h--small :where(:not(.dnb-anchor--no-style)).dnb-anchor,.eufemia-scope--10_104_0 .dnb-h--x-large :where(:not(.dnb-anchor--no-style)).dnb-anchor,.eufemia-scope--10_104_0 .dnb-h--x-small :where(:not(.dnb-anchor--no-style)).dnb-anchor,.eufemia-scope--10_104_0 .dnb-h--xx-large :where(:not(.dnb-anchor--no-style)).dnb-anchor,.eufemia-scope--10_104_0 .dnb-lead :where(:not(.dnb-anchor--no-style)).dnb-anchor,.eufemia-scope--10_104_0 .dnb-p :where(:not(.dnb-anchor--no-style)).dnb-anchor{font-size:inherit}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{background-color:transparent;transition:none}.eufemia-scope--10_104_0 .dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible.dnb-anchor,.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{-webkit-text-decoration:none;text-decoration:none}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.eufemia-scope--10_104_0 .dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor,.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.eufemia-scope--10_104_0 .dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover).dnb-anchor,.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){-webkit-text-decoration:none;text-decoration:none}}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:active{border-radius:.25em}.eufemia-scope--10_104_0 .dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:active.dnb-anchor,.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:active{-webkit-text-decoration:none;text-decoration:none}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor{transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}.eufemia-scope--10_104_0 [data-visual-test-wrapper] :where(:not(.dnb-anchor--no-style)).dnb-anchor{transition:none}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon{display:inline;vertical-align:middle;white-space:nowrap}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon svg{font-size:.5em;height:1em;pointer-events:none;transform:scale(2) var(--anchor-icon-position);vertical-align:baseline;width:2em}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor--no-icon .dnb-icon{display:none}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon:first-child:after{content:var(--anchor-icon-separator)}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon:first-child svg{margin-right:calc(var(--anchor-icon-gutter)*2)}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon:last-child:before{content:var(--anchor-icon-separator)}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon:last-child svg{margin-left:calc(var(--anchor-icon-gutter)*2)}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon--default{font-size:.8888888889em}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast{color:var(--color-white)}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:where(:not(.dnb-anchor--no-hover)){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 transparent,var(--anchor-background-gutter-right,.125rem) 0 0 0 transparent;color:var(--color-white)}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--disabled,.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor[aria-disabled=true],.eufemia-scope--10_104_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor[disabled]{color:var(--anchor-color--disabled)}@supports not (selector(*:where(*))){.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor{--anchor-underline-thickness:0.0938rem;--anchor-icon-gutter:0.25em;--anchor-icon-separator:"\2060";--anchor-icon-position:translateY(-0.175em);border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em}.eufemia-scope--10_104_0 sub :not(.dnb-anchor--no-style).dnb-anchor,.eufemia-scope--10_104_0 sup :not(.dnb-anchor--no-style).dnb-anchor{padding:0 .025em}.eufemia-scope--10_104_0 .dnb-h--basis :not(.dnb-anchor--no-style).dnb-anchor,.eufemia-scope--10_104_0 .dnb-h--large :not(.dnb-anchor--no-style).dnb-anchor,.eufemia-scope--10_104_0 .dnb-h--medium :not(.dnb-anchor--no-style).dnb-anchor,.eufemia-scope--10_104_0 .dnb-h--small :not(.dnb-anchor--no-style).dnb-anchor,.eufemia-scope--10_104_0 .dnb-h--x-large :not(.dnb-anchor--no-style).dnb-anchor,.eufemia-scope--10_104_0 .dnb-h--x-small :not(.dnb-anchor--no-style).dnb-anchor,.eufemia-scope--10_104_0 .dnb-h--xx-large :not(.dnb-anchor--no-style).dnb-anchor,.eufemia-scope--10_104_0 .dnb-lead :not(.dnb-anchor--no-style).dnb-anchor,.eufemia-scope--10_104_0 .dnb-p :not(.dnb-anchor--no-style).dnb-anchor{font-size:inherit}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor:focus-visible{background-color:transparent;transition:none}.eufemia-scope--10_104_0 .dnb-section :not(.dnb-anchor--no-style).dnb-anchor:focus-visible.dnb-anchor,.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor:focus-visible{-webkit-text-decoration:none;text-decoration:none}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.eufemia-scope--10_104_0 .dnb-section :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor,.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.eufemia-scope--10_104_0 .dnb-section :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover).dnb-anchor,.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){-webkit-text-decoration:none;text-decoration:none}}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor:active{border-radius:.25em}.eufemia-scope--10_104_0 .dnb-section :not(.dnb-anchor--no-style).dnb-anchor:active.dnb-anchor,.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor:active{-webkit-text-decoration:none;text-decoration:none}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor{transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}.eufemia-scope--10_104_0 [data-visual-test-wrapper] :not(.dnb-anchor--no-style).dnb-anchor{transition:none}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor .dnb-icon{display:inline;vertical-align:middle;white-space:nowrap}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor .dnb-icon svg{font-size:.5em;height:1em;pointer-events:none;transform:scale(2) var(--anchor-icon-position);vertical-align:baseline;width:2em}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor--no-icon .dnb-icon{display:none}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon:first-child:after{content:var(--anchor-icon-separator)}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon:first-child svg{margin-right:calc(var(--anchor-icon-gutter)*2)}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon:last-child:before{content:var(--anchor-icon-separator)}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon:last-child svg{margin-left:calc(var(--anchor-icon-gutter)*2)}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor .dnb-icon--default{font-size:.8888888889em}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast{color:var(--color-white)}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:where(:not(.dnb-anchor--no-hover)){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 transparent,var(--anchor-background-gutter-right,.125rem) 0 0 0 transparent;color:var(--color-white)}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--disabled,.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor[aria-disabled=true],.eufemia-scope--10_104_0 :not(.dnb-anchor--no-style).dnb-anchor[disabled]{color:var(--anchor-color--disabled)}}.eufemia-scope--10_104_0 .dnb-anchor--hover{border-radius:.25em}.eufemia-scope--10_104_0 .dnb-anchor--hover,.eufemia-scope--10_104_0 .dnb-section .dnb-anchor--hover.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.eufemia-scope--10_104_0 .dnb-anchor--active{border-radius:.25em}.eufemia-scope--10_104_0 .dnb-anchor--active,.eufemia-scope--10_104_0 .dnb-section .dnb-anchor--active.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.eufemia-scope--10_104_0 .dnb-anchor--focus{background-color:transparent;transition:none}.eufemia-scope--10_104_0 .dnb-anchor--focus,.eufemia-scope--10_104_0 .dnb-section .dnb-anchor--focus.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.eufemia-scope--10_104_0 .dnb-anchor--focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none}.eufemia-scope--10_104_0 .dnb-anchor--no-underline,.eufemia-scope--10_104_0 .dnb-section .dnb-anchor--no-underline.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.eufemia-scope--10_104_0 .dnb-anchor--no-radius,.eufemia-scope--10_104_0 .dnb-anchor--no-radius:active,.eufemia-scope--10_104_0 .dnb-anchor--no-radius:focus-visible,.eufemia-scope--10_104_0 .dnb-anchor--no-radius:hover{border-radius:0}.eufemia-scope--10_104_0 .dnb-anchor--no-animation,.eufemia-scope--10_104_0 a.dnb-button{transition:none}.eufemia-scope--10_104_0 .dnb-anchor.dnb-skeleton,.eufemia-scope--10_104_0 .dnb-skeleton>.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.eufemia-scope--10_104_0 .dnb-anchor.dnb-skeleton .dnb-icon,.eufemia-scope--10_104_0 .dnb-skeleton>.dnb-anchor .dnb-icon{filter:grayscale(100%) opacity(.3)}