mand-mobile/lib/action-sheet/style/action-sheet.css

A Vue.js 2.0 Mobile UI Toolkit

.md-action-sheet{color:#41485d;-webkit-font-smoothing:antialiased}.md-action-sheet .md-popup{z-index:1101}.md-action-sheet .md-popup-box{background-color:#f9fafb}.md-action-sheet-content{position:relative;width:100%;font-size:32px;background:#fff;text-align:center;overflow:auto}.md-action-sheet-header{position:relative;height:120px;line-height:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow:visible}.md-action-sheet-header: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-action-sheet-header:before{-webkit-transform:scaleY(.33) translateY(100%);transform:scaleY(.33) translateY(100%)}}.md-action-sheet-item{position:relative;height:120px;line-height:120px;padding:0 40px;box-sizing:border-box;font-size:32px;-webkit-transition:background-color .3s;transition:background-color .3s;-webkit-user-select:none}.md-action-sheet-item.active{color:#198cff}.md-action-sheet-item.disabled .md-action-sheet-item-section{opacity:.3}.md-action-sheet-item:first-of-type .md-action-sheet-item-wrapper:after{display:none}.md-action-sheet-item:active{background-color:#f9fafb}.md-action-sheet-item:active.disabled{background-color:initial}.md-action-sheet-item-wrapper{position:relative}.md-action-sheet-item-wrapper:after{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%);top:0;left:0;right:auto;bottom:auto;width:100%;border-top:2px solid #e2e4ea;-webkit-transform-origin:50% 0;transform-origin:50% 0}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.md-action-sheet-item-wrapper:after{-webkit-transform:scaleY(.33) translateY(-100%);transform:scaleY(.33) translateY(-100%)}}.md-action-sheet-cancel{height:132px;line-height:120px;color:#666f83;font-weight:500}.md-action-sheet-cancel:before{display:block;content:"";height:12px;background:#f9fafb}