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

A Vue.js 2.0 Mobile UI Toolkit

.md-agree{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.md-agree.disabled{opacity:.3}.md-agree-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-align-self:flex-start;align-self:flex-start;-webkit-flex-shrink:0;flex-shrink:0;margin-right:12px;color:#198cff;width:50px;height:50px}.md-agree-icon,.md-agree-icon .md-agree-icon-container{position:relative}.md-agree-icon .md-agree-icon-container .md-icon{display:-webkit-box;display:-webkit-flex;display:flex;width:auto;height:auto;line-height:1;will-change:auto}.md-agree-icon .md-agree-icon-container .md-icon.md-icon-checked,.md-agree-icon .md-agree-icon-container .md-icon.md-icon-square-checked{position:absolute;top:0;left:0;-webkit-transform:scale(.6);transform:scale(.6);color:transparent;-webkit-transition:all .3s cubic-bezier(.86,0,.07,1);transition:all .3s cubic-bezier(.86,0,.07,1)}.md-agree-icon .md-agree-icon-container .md-icon.md-icon-check,.md-agree-icon .md-agree-icon-container .md-icon.md-icon-square-check{color:#198cff}.md-agree-icon.checked .md-agree-icon-container .md-icon-checked,.md-agree-icon.checked .md-agree-icon-container .md-icon-square-checked{-webkit-transform:scale(1);transform:scale(1);color:#198cff}.md-agree-icon.checked .md-agree-icon-container .md-icon-check,.md-agree-icon.checked .md-agree-icon-container .md-icon-square-check{opacity:.8}.md-agree-content{-webkit-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%;line-height:1.5}