@volverjs/style/dist/components/vv-dropdown-action.css

@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.

:where(:host,:root,.theme){--vv-dropdown-action-display:flex;--vv-dropdown-action-width:100%;--vv-dropdown-action-overflow:hidden;--vv-dropdown-action-gap:var(--spacing-sm);--vv-dropdown-action-align-items:center;--vv-dropdown-action-padding:var(--spacing-sm);--vv-dropdown-action-color:var(--color-brand);--vv-dropdown-action-cursor:pointer;--vv-dropdown-action-state-disabled-opacity:var(--opacity-50);--vv-dropdown-action-state-disabled-cursor:not-allowed;--vv-dropdown-action-state-hover-background-color:var(--color-surface-brand);--vv-dropdown-action-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand);--vv-dropdown-action-state-focus-visible-outline-offset:calc(var(--spacing-px) * -1);--vv-dropdown-action-state-pressed-background-color:var(--color-surface-2)}:where(.vv-dropdown-action){display:var(--vv-dropdown-action-display);width:var(--vv-dropdown-action-width);overflow:var(--vv-dropdown-action-overflow);gap:var(--vv-dropdown-action-gap);align-items:var(--vv-dropdown-action-align-items);padding:var(--vv-dropdown-action-padding);color:var(--vv-dropdown-action-color);cursor:var(--vv-dropdown-action-cursor)}:where(.vv-dropdown-action--disabled,.vv-dropdown-action.disabled,.vv-dropdown-action[disabled],.vv-dropdown-action[aria-disabled=true]){opacity:var(--vv-dropdown-action-state-disabled-opacity);--vv-dropdown-action-cursor:var(--vv-dropdown-action-state-disabled-cursor)}:where(.vv-dropdown-action--hover,.vv-dropdown-action.hover,.vv-dropdown-action:not([disabled]):hover){background-color:var(--vv-dropdown-action-state-hover-background-color)}:where(.vv-dropdown-action--focus-visible,.vv-dropdown-action.focus-visible,.vv-dropdown-action:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-dropdown-action-state-focus-visible-outline);outline-offset:var(--vv-dropdown-action-state-focus-visible-outline-offset)}:where(.vv-dropdown-action--pressed,.vv-dropdown-action.pressed,.vv-dropdown-action[aria-pressed=true]){background-color:var(--vv-dropdown-action-state-pressed-background-color)}