UNPKG

h5-cli

Version:

hello

126 lines (125 loc) 2.29 kB
.list { position: relative; padding-top: 1px; padding-bottom: 1px; padding-left: 0; margin-bottom: 20px; } .list:last-child { margin-bottom: 0; } .item { border-color: #ddd; color: #444; position: relative; z-index: 2; display: block; margin: -1px; padding: 16px; border-width: 1px; border-style: solid; font-size: 16px; } .item h2 { margin: 0 0 2px 0; font-size: 16px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; font-weight: 500; font-family: "Helvetica Neue", Roboto, "Segoe UI", sans-serif; line-height: 1.2; } .item p:last-child { margin-bottom: 0; } .item p { color: #666; font-size: 14px; margin-bottom: 2px; } .item-input-inset { display: -webkit-box; display: -moz-flex; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center; position: relative; overflow: hidden; padding: 10.67px; } .item-input-inset .item-input-wrapper input { padding-left: 4px; height: 29px; background: 0 0; line-height: 18px; } .item-icon-right { padding-right: 54px; } .item-icon-left .icon, .item-icon-right .icon { display: -webkit-box; display: -moz-flex; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center; position: absolute; top: 0; height: 100%; font-size: 32px; } .item-input-wrapper { display: -webkit-box; display: -moz-flex; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center; -webkit-box-flex: 1; -moz-flex: 1 0; flex: 1 0; border-radius: 4px; padding-right: 8px; padding-left: 8px; background: #eee; } button, input, label, select, textarea { font-weight: 400; font-size: 14px; line-height: 1.42857; } input[type=search] { display: block; padding-top: 2px; padding-left: 0; height: 34px; color: #111; vertical-align: middle; font-size: 14px; line-height: 16px; border: 0; box-sizing: content-box; -webkit-appearance: textfield; } input:focus { border: none; } .sections .item { color: #000; } .sections .item.item-input-inset { background-color: #E2E3E5; } .sections .item.item-input-inset .item-input-wrapper { border-radius: 25px; background-color: #fff; }