v-tab-bar/dist/v-tab-bar.css

A Vue Tab Bar Navigator

.v-tab-bar{position:fixed;bottom:0;left:0;right:0;background:#eee;display:-webkit-flex;display:-ms-flexbox;display:flex;height:45px;z-index:9999}.v-tab-bar-router-view{margin-bottom:45px}.v-tab-bar .v-tab-bar-item{padding:8px 5px 5px;-webkit-flex:1 0 0;-ms-flex:1 0 0px;flex:1 0 0;text-align:center;color:#777;text-decoration:none}.v-tab-bar .v-tab-bar-item.with-label{padding-top:5px}.v-tab-bar .v-tab-bar-item.with-label i{font-size:1.6em}.v-tab-bar .v-tab-bar-item i{font-size:2em}.v-tab-bar .v-tab-bar-item i.inactive{display:block}.v-tab-bar .v-tab-bar-item i.active{display:none}.v-tab-bar .v-tab-bar-item.router-link-active{color:#337ab7}.v-tab-bar .v-tab-bar-item.router-link-active i.inactive{display:none}.v-tab-bar .v-tab-bar-item.router-link-active i.active{display:block}.v-tab-bar .v-tab-bar-item .v-tab-bar-item-label{font-size:10px;line-height:10px}