UNPKG

@beeapi/nutui

Version:

一套轻量级移动端Vue组件库

github.com/movins/nutui

movins/nutui

5 lines • 3.1 kB
1
2
3
4
5
/*! * @beeapi/nutui v2.2.10 - checkboxgroup.css, 451ed2404bee284b891e, Sat Dec 19 2020 12:06:10 GMT+0800 (中国标准时间) * (c) 2017-2020 JDC * Released under the MIT License. */@-webkit-keyframes nutPulse{0%{width:100%;height:100%;opacity:.5}to{width:180%;height:180%;opacity:0}}@keyframes nutPulse{0%{width:100%;height:100%;opacity:.5}to{width:180%;height:180%;opacity:0}}.nut-checkbox{margin-right:10px}.nut-checkbox .nut-checkbox-label{pointer-events:none;vertical-align:middle}.nut-checkbox input{position:relative;-webkit-appearance:none;border:1px solid #dadada;-webkit-border-radius:1%;border-radius:1%;background-size:cover;outline:0;opacity:1;vertical-align:middle;margin-top:0}.nut-checkbox input:after{position:absolute;left:50%;top:50%;content:"";width:0;height:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#f0250f;-webkit-border-radius:1%;border-radius:1%;opacity:0;pointer-events:none}.nut-checkbox input:checked{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8l2.5-2.5 5 4.5 10-9.5L20 3 8 15H7z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");background-color:#f0250f;background-repeat:no-repeat;background-position:50%;border-color:#f0250f;background-size:60%;-webkit-box-shadow:0 4px 6px 0 rgba(240,37,15,.15);box-shadow:0 4px 6px 0 rgba(240,37,15,.15)}.nut-checkbox input:checked:not(:disabled).nut-checkbox-ani:after{-webkit-animation:nutPulse .25s;animation:nutPulse .25s}.nut-checkbox input:disabled{background-color:#dadada;border-color:#f6f6f6;-webkit-box-shadow:none;box-shadow:none}.nut-checkbox input:disabled:checked{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8l2.5-2.5 5 4.5 10-9.5L20 3 8 15H7z' fill='%23999' fill-rule='evenodd'/%3E%3C/svg%3E");background-color:#dadada}.nut-checkbox.nut-checkbox-size-base input{width:19px;height:19px}.nut-checkbox.nut-checkbox-size-base .nut-checkbox-label{font-size:14px}.nut-checkbox.nut-checkbox-size-small input{width:16px;height:16px}.nut-checkbox.nut-checkbox-size-small .nut-checkbox-label{font-size:12px}.nut-checkbox.nut-checkbox-size-large input{width:22px;height:22px}.nut-checkbox.nut-checkbox-size-large .nut-checkbox-label{font-size:16px}.nut-checkboxgroup{padding:10px 0}.nut-checkboxgroup .checkbox-item{height:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-right:20px;padding:3px 0}.nut-checkboxgroup .checkbox-item .nut-checkbox,.nut-checkboxgroup .checkbox-item label{display:inline-block;margin:0;vertical-align:middle}.nut-checkboxgroup .checkbox-item label{padding-left:5px}.nut-checkboxgroup.vertical{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}