kingdot/lib/theme-default/Submenu.css

A UI Components Library For Vue

.kd-submenu-popper-horizontal.kd-submenu-tooltip-content,.kd-submenu-tooltip-content.kd-tooltip-content{width:200px}.kd-submenu-title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;color:#778088;cursor:pointer}.kd-submenu-title-content{display:-ms-flexbox;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex-positive:1;flex-grow:1}.kd-submenu-active .kd-submenu-title{background:#557dfc;color:#fff}.kd-submenu-icon-arrow{margin-left:10px;margin-right:16px;transition:all .25s ease-in-out;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.kd-submenu-disabled{cursor:not-allowed;color:#ccc}.kd-submenu-popper-content .kd-menu-item{padding:0}.kd-submenu-opened .kd-submenu-icon-arrow{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.kd-submenu-popper-title .kd-submenu-icon-arrow{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.kd-submenu-tooltip-content.kd-tooltip-content .kd-tooltip-inner{padding:0;background:#fff}.kd-submenu-horizontal{height:32px;line-height:32px}.kd-submenu-title-horizontal{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:68px;line-height:68px;font-size:14px;padding:0 24px}.kd-submenu-title-horizontal .kd-submenu-title-content{-ms-flex-pack:center;justify-content:center}.kd-submenu-title-horizontal .kd-submenu-icon-arrow{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);margin-right:0}.kd-submenu-active .kd-submenu-title-horizontal{position:relative;background:#fff;color:#557dfc;border-radius:0}.kd-submenu-active .kd-submenu-title-horizontal:after{height:2px;background:#557dfc;content:'';display:block;position:absolute;bottom:0;left:0;width:100%}