yun-ui
Version:
Mobile UI Components Library for Vue.js by yunzhijia.
1 lines • 1.14 kB
CSS
.yun-search input,.yun-search select{vertical-align:middle}.yun-search input,.yun-search select,.yun-search textarea{margin:0;outline:none;padding:0}.yun-search input[type=radio]{vertical-align:text-bottom}.yun-search input[type=checkbox]{vertical-align:bottom}.yun-searchbar{display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-align:center;align-items:center;background-color:#fff}.yun-input-wrap{box-sizing:border-box;position:relative;-ms-flex:1;flex:1;-webkit-flex:1;-webkit-box-flex:1;padding:6px 12px;height:44px;line-height:44px}.yun-search-icon{position:absolute;top:0;left:24px;color:#7a797b}.yun-search-reset{position:absolute;top:0;right:24px;color:#768893}.yun-search-reset:active{opacity:.5}.yun-input-ph{position:absolute;top:0;left:0;right:0;color:#7a797b}.yun-input-ph .icon-search{margin-left:24px}.yun-search-input{display:block;box-sizing:border-box;padding:0 36px;width:100%;height:100%;border:none;border-radius:3px;color:#3abcff;background:#f0f4f7}.yun-search-cancel{cursor:pointer;color:#7a797b;font-size:14px;padding-right:12px}.yun-search-cancel:active{opacity:.5}.input-text{color:#030303}