@dnb/eufemia/components/menu/style/dnb-menu--isolated.min.css

DNB Eufemia Design System UI Library

.eufemia-scope--11_0_0 .dnb-menu{--menu-action-padding-inline:1rem;--menu-action-padding-block:0.75rem;--menu-action-gap:1rem;--menu-action-min-height:2.5rem;--menu-action-border-radius:0.25rem;--menu-action-background-color:transparent;--menu-action-background-color--hover:var(
    --token-color-background-neutral-subtle
  );--menu-action-background-color--active:var(
    --token-color-background-neutral-base
  );--menu-action-background-color--active-trigger:var(
    --token-color-background-neutral-subtle
  );--menu-action-text-color:var(--token-color-text-neutral);--menu-action-text-color--disabled:var(
    --token-color-text-action-disabled
  );--menu-action-icon-color:var(--token-color-icon-neutral);--menu-action-icon-color--disabled:var(
    --token-color-icon-action-disabled
  );--menu-divider-color:var(--token-color-background-neutral-base);--menu-content-padding:0.25rem}.eufemia-scope--11_0_0 .dnb-menu.dnb-popover{min-width:auto}.eufemia-scope--11_0_0 .dnb-menu__popover-content{padding:0}.eufemia-scope--11_0_0 .dnb-menu__list{list-style:none;margin:0;padding:var(--menu-content-padding)}.eufemia-scope--11_0_0 .dnb-menu__list .dnb-menu__list{white-space:nowrap}.eufemia-scope--11_0_0 .dnb-menu__action{align-items:center;background-color:var(--menu-action-background-color);border:none;border-radius:var(--menu-action-border-radius);color:var(--menu-action-text-color);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-basis);gap:var(--menu-action-gap);line-height:var(--line-height-basis);min-height:var(--menu-action-min-height);outline:none;padding:var(--menu-action-padding-block) var(--menu-action-padding-inline);position:relative;-webkit-text-decoration:none;text-decoration:none}.eufemia-scope--11_0_0 .dnb-menu__action__icon{align-items:center;color:var(--menu-action-icon-color);display:flex;flex-shrink:0}.eufemia-scope--11_0_0 .dnb-menu__action__text{flex:1;text-align:left}html[data-whatinput=keyboard] .eufemia-scope--11_0_0 .dnb-menu__action:focus:not([disabled]){--menu-action-background-color:var(
    --token-color-background-action-focus-subtle
  );--menu-action-text-color:var(--token-color-text-action-focus);--menu-action-icon-color:var(--token-color-icon-action-focus);--border-color:var(--token-color-stroke-action-focus);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none}.eufemia-scope--11_0_0 .dnb-menu__action:hover:not(.dnb-menu__action--disabled){background-color:var(--menu-action-background-color--hover)}.eufemia-scope--11_0_0 .dnb-menu__action:active:not(.dnb-menu__action--disabled){background-color:var(--menu-action-background-color--active)}.eufemia-scope--11_0_0 .dnb-menu__action--active-trigger{background-color:var(--menu-action-background-color--active-trigger)}.eufemia-scope--11_0_0 .dnb-menu__action--disabled{color:var(--menu-action-text-color--disabled);cursor:not-allowed}.eufemia-scope--11_0_0 .dnb-menu__action--disabled .dnb-menu__action__icon{color:var(--menu-action-icon-color--disabled)}.eufemia-scope--11_0_0 .dnb-menu__action--link{padding:0}.eufemia-scope--11_0_0 .dnb-menu__action--link .dnb-menu__action__link{align-items:center;color:inherit;display:flex;gap:var(--menu-action-gap);padding:var(--menu-action-padding-block) var(--menu-action-padding-inline);-webkit-text-decoration:none;text-decoration:none;width:100%}.eufemia-scope--11_0_0 .dnb-menu__action--has-submenu .dnb-menu__action__submenu-indicator{margin-left:auto}.eufemia-scope--11_0_0 .dnb-menu__divider{background-color:var(--menu-divider-color);height:.0625rem;margin:var(--menu-content-padding) var(--menu-action-padding-inline)}.eufemia-scope--11_0_0 .dnb-menu__header{list-style:none;padding:var(--menu-action-padding-block) var(--menu-action-padding-inline);padding-bottom:0}.eufemia-scope--11_0_0 .dnb-menu__header__text.dnb-lead{font-size:var(--font-size-small)}.eufemia-scope--11_0_0 .dnb-menu__accordion{list-style:none}.eufemia-scope--11_0_0 .dnb-menu__accordion--open>.dnb-menu__accordion__trigger{background-color:var(--menu-action-background-color--active-trigger)}.eufemia-scope--11_0_0 .dnb-menu__accordion--disabled>.dnb-menu__accordion__trigger{color:var(--menu-action-text-color--disabled);cursor:not-allowed}.eufemia-scope--11_0_0 .dnb-menu__accordion--disabled>.dnb-menu__accordion__trigger .dnb-menu__action__icon{color:var(--menu-action-icon-color--disabled)}.eufemia-scope--11_0_0 .dnb-menu__accordion__indicator{align-items:center;display:flex;flex-shrink:0;margin-left:auto}.eufemia-scope--11_0_0 .dnb-menu__accordion__indicator .dnb-icon{transform:rotate(90deg);transition:transform .4s var(--easing-default)}.eufemia-scope--11_0_0 .dnb-menu__accordion--open>.dnb-menu__accordion__trigger .dnb-menu__accordion__indicator .dnb-icon{transform:rotate(270deg)}.eufemia-scope--11_0_0 .dnb-menu__accordion .dnb-menu__list{padding-left:var(--menu-action-padding-inline)}