wot-design
Version:
Mobile UI components built on vue.js
1 lines • 2.43 kB
CSS
@charset "UTF-8";.wd-popover__inner,.wd-popover__menu{white-space:nowrap;background-color:#fff}.wd-popover{display:inline-block;position:relative}.wd-popover__body{position:absolute;z-index:500;line-height:18px;font-size:14px;border-radius:4px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .2s;transition:opacity .2s;background:#fff;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 10px 0 rgba(0,0,0,.1);color:rgba(0,0,0,.85)}.wd-popover__inner{padding:15px;line-height:18px;z-index:500;position:relative}.wd-popover__menu-inner{position:relative;padding:15px 0}.wd-popover__menu-inner::after{position:absolute;display:block;content:"";width:100%;height:1px;left:0;top:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);background:rgba(0,0,0,.09)}.wd-popover__arrow-down:after,.wd-popover__arrow-up:after{content:"";top:-3px;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}.wd-popover__menu-inner:first-child::after{display:none}.wd-popover__menu{display:inline-block;padding:0 15px;z-index:500;position:relative;border-radius:4px}.wd-popover__arrow,.wd-popover__arrow-down:after,.wd-popover__arrow-up:after{width:6px;height:6px;position:absolute}.wd-popover__icon{vertical-align:bottom;font-size:18px;margin-right:5px}.wd-popover__arrow{z-index:499}.wd-popover__arrow-down{-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-6px}.wd-popover__arrow-down:after{background-color:#fff;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}.wd-popover__arrow-up{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.wd-popover__arrow-up:after{background-color:#fff;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}.wd-popover__arrow-left:after,.wd-popover__arrow-right:after{content:"";width:6px;height:6px;background-color:#fff;position:absolute;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}.wd-popover__arrow-left{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.wd-popover__arrow-left:after{left:-3px;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}.wd-popover__arrow-right{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0}.wd-popover__arrow-right:after{right:-3px;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}