mand-mobile/lib/ruler/style/index.css

A Vue.js 2.0 Mobile UI Toolkit

.md-ruler{position:relative;padding:36px 0 20px;width:100%;height:142px;box-sizing:border-box;font-family:DINPro-Medium,DIN Alternate,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}.md-ruler .md-ruler-canvas{width:100%;height:60px}.md-ruler .md-ruler-cursor{z-index:10;position:absolute;top:26px;left:50%;width:2px;height:70px;-webkit-transform:translate(-50%);transform:translate(-50%);background-color:#2f86f6;box-shadow:0 2px 4px #2f86f6}.md-ruler .md-ruler-cursor-bottom{height:40px}.md-ruler .md-ruler-arrow{z-index:10;position:absolute;bottom:25px;left:50%;border-bottom:10px solid #2f86f6;border-left:10px solid transparent;border-right:10px solid transparent;-webkit-transform:translate(-50%);transform:translate(-50%)}