drip-ui
Version:
Lightweight Mobile UI Components built on Vue
1 lines • 1.95 kB
CSS
.drip-number-keyboard{left:0;bottom:0;width:100%;position:fixed;-webkit-user-select:none;user-select:none;background-color:#fff;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.drip-number-keyboard__title{height:.4rem;font-size:.18667rem;line-height:.4rem;text-align:center;position:relative;color:#666}.drip-number-keyboard__body{box-sizing:border-box}.drip-number-keyboard__close{right:0;color:#126ef8;font-size:.18667rem;padding:0 .2rem;position:absolute}.drip-number-keyboard__close:active{background-color:#e8e8e8}.drip-number-keyboard__sidebar{right:0;bottom:0;width:25%;position:absolute;height:2.88rem}.drip-number-keyboard--custom .drip-number-keyboard__body{padding-right:25%}.drip-key{width:33.33333%;font-size:.32rem;font-style:normal;text-align:center;display:inline-block;vertical-align:middle;height:.72rem;line-height:.72rem}.drip-key::after{border-width:1px 1px 0 0}.drip-key--middle{width:66.66667%}.drip-key--big{width:100%;height:1.44rem;line-height:1.44rem}.drip-key--green{font-size:.26667rem;color:#fff;background-color:#5fa800}.drip-key--green.drip-key--active{background-color:#308305}.drip-key--green::after{border-color:#5fa800}.drip-key--delete{font-size:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAeCAMAAABg6AyVAAAAbFBMVEUAAAAfHiIdHB4eHR8dHR4eHB4dHB4dHR8gICIdHB4dHB4dHB4dHB8eHh8hISEeHR8fHB8fHR8fHR8fHx8eHiArKyszMzMeHB8eHB8fHR8eHiAeHh4dHB4vLjDY2Nn////b29zKysq9vb28vLzkfBRpAAAAHHRSTlMAK/PW+I/llBv77N1kSCPwWlFAOTMGBb28hHlu08g5sgAAAMlJREFUOMuV1MsWgiAQgGHQyOx+s+sgYO//jnnMGIdDDfwbN99CYEDQFiVEKkolPUG7gl9VTWC31NKuDbVz+Fc1tRJtPDmxS2BS3p5ZC+XXnnbAVoz2WEBCH7uZAalzGoa06whGiznT6sG2xgX4QO2Aej1+KN7XBKL2FvGaMtTWBhbQhtoaYzVQrHKwuGf8hhAPSF5g3xPSt45sCHcouNWx436FGA+RHyQcD35EcUj54U8ff4WYvVi1zLjelUh/OG6XjOeLWv5hfAOI+HLwwOAqhAAAAABJRU5ErkJggg==) no-repeat center center;background-size:auto .2rem}.drip-key--gray{background-color:#f3f3f6}.drip-key--active{background-color:#e8e8e8}