song-ui-u/theme/sub-menu.css

vue3 + js的PC前端组件库

@charset "UTF-8";.x-sub-menu{--x-menu-bg-color:var(--x-color-white);--x-menu-border-color:var(--x-border-color-default);--x-menu-hover-bg-color:var(--x-color-primary-light-8);--x-menu-hover-text-color:var(--x-color-primary);--x-menu-active-bg-color:var(--x-color-primary-light-8);--x-menu-active-text-color:var(--x-color-primary);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-sub-menu__title{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;font-size:13px}.x-sub-menu__title:hover{color:var(--x-menu-hover-text-color);background-color:var(--x-menu-hover-bg-color);transition:all .2s ease-in-out}.x-sub-menu__title.is-active{color:var(--x-menu-active-text-color)}.x-sub-menu__menu{cursor:pointer}.x-sub-menu--mode_horizontal{position:absolute;top:0;left:-20px;z-index:1000;top:150%;display:flex;flex-direction:column;padding:10px;width:100px;gap:10px;border:solid 1px var(--x-border-color-default);color:#4d5059}.x-sub-menu--mode_vertical{display:flex;flex-direction:column;padding:4px;margin-left:4px}.x-sub-menu__menu.is-nested{left:118%;top:0}.x-sub-menu__icon{transition:transform .3s}.x-sub-menu--icon_open{transform:rotate(90deg)}