mand-mobile/lib/drop-menu/style/index.css

A Vue.js 2.0 Mobile UI Toolkit

.md-drop-menu{position:fixed;z-index:1200;top:0;left:0;right:0;height:110px;box-sizing:border-box;color:#666f83;font-size:32px;font-weight:500}.md-drop-menu-bar{position:relative;z-index:1200;display:-webkit-box;display:-webkit-flex;display:flex;height:100%;background:#fff}.md-drop-menu-bar:before{content:"";position:absolute;z-index:2;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleY(.5) translateY(100%);transform:scaleY(.5) translateY(100%);bottom:0;left:0;right:auto;top:auto;width:100%;border-bottom:2px solid #e2e4ea;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.md-drop-menu-bar:before{-webkit-transform:scaleY(.33) translateY(100%);transform:scaleY(.33) translateY(100%)}}.md-drop-menu-bar .bar-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:2% 0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.md-drop-menu-bar .bar-item span{position:relative;padding-right:30px}.md-drop-menu-bar .bar-item span:after{content:"";position:absolute;right:0;top:50%;width:0;height:0;margin-top:-4px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid #c5cad5;-webkit-transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1),-webkit-transform .3s cubic-bezier(.86,0,.07,1)}.md-drop-menu-bar .bar-item.active{color:#198cff}.md-drop-menu-bar .bar-item.active span:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);border-top-color:#198cff}.md-drop-menu-bar .bar-item.selected{color:#198cff}.md-drop-menu-bar .bar-item.disabled{opacity:.3}.md-drop-menu-list{width:100%;padding-top:110px;background:#fff;box-sizing:border-box}.md-drop-menu-list .md-radio-item{font-weight:400}.md-drop-menu-list .md-radio-item.is-selected .md-cell-item-title{color:#198cff}