mand-mobile/lib/tab-bar/style/index.css

A Vue.js 2.0 Mobile UI Toolkit

.md-tab-bar{position:relative;padding-left:40px;padding-right:40px;background-color:#f9fafb}.md-tab-bar-inner{position:relative;width:100%}.md-tab-bar-list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-width:100%}.md-tab-bar-item{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;-webkit-flex-shrink:0;flex-shrink:0;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#666f83;font-size:28px;font-weight:500;min-height:100px;padding:0 27px;margin:0 auto;box-sizing:border-box;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.md-tab-bar-item.is-active{color:#198cff}.md-tab-bar-item.is-disabled{color:#d9e0e7}.more-than-five{padding:0;margin-right:27px}.md-tab-bar-ink{position:absolute;bottom:10px;left:0;display:block;height:4px;background-color:#198cff;border-radius:2000px;-webkit-transition:all .3s;transition:all .3s}.md-tab-bar-ink.is-disabled{background-color:#d9e0e7}.md-tab-bar-end,.md-tab-bar-start{position:absolute;top:0;left:0;width:14px;height:100px;overflow:hidden}.md-tab-bar-end:after,.md-tab-bar-start:after{content:"";display:block;position:absolute;left:-14px;top:50%;width:14px;margin-top:-40px;height:80px;border-radius:50%;box-shadow:-1px 0 12px 0 rgba(0,0,0,.2)}.md-tab-bar-end{left:auto;right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.md-tab-bar .md-scroll-view{display:block}.md-tab-bar .scroll-view-container{min-width:100%}