mand-mobile/lib/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:20px 40px 36px;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:100px;margin-right:22px;-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:22px}