@opentiny/vue-theme/action-menu/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-action-menu{--tv-ActionMenu-font-size:var(--tv-font-size-default, 14px);--tv-ActionMenu-text-color:var(--tv-color-text-link, #1476ff);--tv-ActionMenu-text-color-card:var(--tv-color-text, #191919);--tv-ActionMenu-text-color-disabled:var(--tv-color-text-disabled, #c2c2c2);--tv-ActionMenu-icon-size:var(--tv-icon-size, 16px);--tv-ActionMenu-icon-color:var(--tv-color-icon-link, #1476ff);--tv-ActionMenu-icon-color-card:var(--tv-color-icon-control, #191919);--tv-ActionMenu-icon-color-disabled:var(--tv-color-icon-disabled, #c2c2c2);font-size:var(--tv-ActionMenu-font-size)}.tiny-action-menu .tiny-svg{font-size:var(--tv-ActionMenu-icon-size)}.tiny-action-menu__wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-action-menu__wrap .tiny-action-menu__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-action-menu__wrap .tiny-action-menu__item .tiny-dropdown{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visible .tiny-dropdown-item{padding:0}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visible .tiny-dropdown-item .tiny-dropdown-item__wrap{color:var(--tv-ActionMenu-text-color);margin:0;height:auto}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visible .tiny-dropdown-item .tiny-dropdown-item__wrap .tiny-svg{fill:var(--tv-ActionMenu-icon-color)}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visible:not(.is-disabled):hover .tiny-dropdown-item{background-color:unset}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visible:not(.is-disabled):hover .tiny-dropdown-item .tiny-dropdown-item__wrap{text-decoration:underline}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visible.is-disabled .tiny-dropdown-item__wrap .tiny-dropdown-item__content{color:var(--tv-ActionMenu-text-color-disabled)}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visible.is-disabled .tiny-dropdown-item__wrap .tiny-dropdown-item__content .tiny-svg{fill:var(--tv-ActionMenu-icon-color-disabled)}.tiny-action-menu__wrap.tiny-action-menu__card-mode .tiny-svg{fill:var(--tv-ActionMenu-icon-color-card)}.tiny-action-menu__wrap.tiny-action-menu__card-mode .tiny-action-menu__item.tiny-action-menu__item-visible .tiny-dropdown-item__wrap{color:var(--tv-ActionMenu-text-color-card)}.tiny-action-menu__wrap.tiny-action-menu__card-mode .tiny-action-menu__item.tiny-action-menu__item-visible .tiny-dropdown-item__wrap .tiny-svg{fill:var(--tv-ActionMenu-icon-color-card)}