mand-mobile/lib-vw/action-bar/style/index.css

A Vue.js 2.0 Mobile UI Toolkit

.md-action-bar{position:fixed;z-index:100;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:flex;padding:2.66667vw 5.33333vw 4.8vw;background:#fff}.md-action-bar:after{content:"";display:table;clear:both}.md-action-bar-container{padding-bottom:env(safe-area-inset-bottom)}.md-action-bar-container,.md-action-bar-text{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1}.md-action-bar-text{height:13.33333vw;margin-right:2.93333vw;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow:hidden}.md-action-bar-group{height:100%}.md-action-bar-button,.md-action-bar-group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1}.md-action-bar-button{float:right;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.md-action-bar-button:nth-of-type(2){margin-left:2.93333vw}