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

A Vue.js 2.0 Mobile UI Toolkit

.md-slider{position:relative;width:100%;height:60px}.md-slider:before{content:"";position:absolute;top:28px;left:0;right:0;height:4px;border-radius:2px;background-color:#f9fafb}.md-slider.is-disabled .md-slider-bar{opacity:.35}.md-slider.is-disabled .md-slider-handle span{cursor:not-allowed}.md-slider-bar{position:absolute;left:0;top:28px;height:4px;background-color:#198cff;border-radius:2px;z-index:5}.md-slider-handle{position:absolute;top:10px;left:0;margin-left:-20px;z-index:15;overflow:visible}.md-slider-handle:after{content:attr(data-hint);color:#fff;position:absolute;pointer-events:none;opacity:0;visibility:hidden;z-index:15;font-size:20px;line-height:1.25;padding:8px 16px;border-radius:16px;background-color:#41485d;white-space:nowrap;left:50%;bottom:100%;margin-bottom:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.md-slider-handle:active:after,.md-slider-handle:hover:after{opacity:1;visibility:visible}.md-slider-handle.is-higher{z-index:20}.md-slider-handle.is-active span{-webkit-transform:scale(1.3);transform:scale(1.3)}.md-slider-handle span{display:block;cursor:pointer;width:40px;height:40px;background-color:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}