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

A Vue.js 2.0 Mobile UI Toolkit

.md-ruler{position:relative;padding:4.8vw 0 2.66667vw;width:100%;height:18.93333vw;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:8vw}.md-ruler .md-ruler-cursor{z-index:10;position:absolute;top:3.46667vw;left:50%;width:2px;height:9.33333vw;-webkit-transform:translate(-50%);transform:translate(-50%);background-color:#2f86f6;box-shadow:0 2px 0.53333vw #2f86f6}.md-ruler .md-ruler-cursor-bottom{height:5.33333vw}.md-ruler .md-ruler-arrow{z-index:10;position:absolute;bottom:3.33333vw;left:50%;border-bottom:1.33333vw solid #2f86f6;border-left:1.33333vw solid transparent;border-right:1.33333vw solid transparent;-webkit-transform:translate(-50%);transform:translate(-50%)}