ym-mint-ui
Version:
750px for Mint UI
72 lines (71 loc) • 1.49 kB
CSS
/* Cell Component */
/* Header Component */
/* Button Component */
/* Tab Item Component */
/* Tabbar Component */
/* Navbar Component */
/* Checklist Component */
/* Radio Component */
/* Range Component */
/* z-index */
.mint-search {
height: 100%;
height: 100vh;
overflow: hidden;
}
.mint-searchbar {
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #eee;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 20px;
z-index: 1;
}
.mint-searchbar-inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 56px;
padding: 8px 12px;
}
.mint-searchbar-inner .mintui-search {
font-size: 24px;
color: #eee;
}
.mint-searchbar-core {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
outline: 0;
}
.mint-searchbar-cancel {
color: #13b9bf;
margin-left: 20px;
text-decoration: none;
}
.mint-search-list {
overflow: auto;
padding-top: 88px;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}