vue-material/dist/components/mdMenu/index.css

.md-menu{display:inline-block}.md-menu-content{width:168px;min-width:84px;max-width:392px;min-height:64px;max-height:calc(100vh - 32px);overflow-x:hidden;overflow-y:auto;position:fixed;z-index:120;background-color:#fff;border-radius:2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2)) drop-shadow(0 2px 2px rgba(0,0,0,.14)) drop-shadow(0 1px 1px rgba(0,0,0,.12));opacity:0;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),-webkit-clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),clip-path .17s cubic-bezier(.55,0,.55,.2) .08s,-webkit-clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;color:rgba(33,33,33,.87)}.md-menu-content.md-direction-bottom-right{margin-top:-11px;margin-left:-8px;-webkit-clip-path:inset(-8px 10% 16% -8px);clip-path:inset(-8px 10% 16% -8px)}.md-menu-content.md-direction-bottom-left{margin-top:-11px;margin-left:8px;-webkit-clip-path:inset(-8px -8px 16% 10%);clip-path:inset(-8px -8px 16% 10%)}.md-menu-content.md-direction-top-right{margin-top:11px;margin-left:-8px;-webkit-clip-path:inset(-8px 16% -8px 10%);clip-path:inset(-8px 16% -8px 10%)}.md-menu-content.md-direction-top-left{margin-top:11px;margin-left:8px;-webkit-clip-path:inset(16% -8px -8px 10%);clip-path:inset(16% -8px -8px 10%)}.md-menu-content.md-size-1{width:84px}.md-menu-content.md-size-2{width:112px}.md-menu-content.md-size-3{width:168px}.md-menu-content.md-size-4{width:224px}.md-menu-content.md-size-5{width:280px}.md-menu-content.md-size-6{width:336px}.md-menu-content.md-size-7{width:392px}.md-menu-content.md-active{pointer-events:auto;opacity:1;-webkit-clip-path:inset(-8px -8px -8px -8px);clip-path:inset(-8px -8px -8px -8px);transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),-webkit-clip-path .27s cubic-bezier(.25,.8,.25,1) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),clip-path .27s cubic-bezier(.25,.8,.25,1) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),clip-path .27s cubic-bezier(.25,.8,.25,1) .08s,-webkit-clip-path .27s cubic-bezier(.25,.8,.25,1) .08s}.md-menu-item{cursor:pointer;font-size:16px;line-height:1.2em}.md-menu-item.md-highlighted .md-button:not([disabled]),.md-menu-item:focus .md-button:not([disabled]),.md-menu-item:hover .md-button:not([disabled]){background-color:rgba(0,0,0,.12)}.md-menu-item[disabled]{cursor:default;color:rgba(0,0,0,.38)}.md-menu-item .md-list-item-holder{overflow:hidden;text-overflow:ellipsis}