| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- /* Cell Component */
- /* Header Component */
- /* Button Component */
- /* Tab Item Component */
- /* Tabbar Component */
- /* Navbar Component */
- /* Checklist Component */
- /* Radio Component */
- /* z-index */
- .mint-checklist .mint-cell {
- padding: 0;
- }
- .mint-checklist.is-limit .mint-checkbox-core:not(:checked) {
- background-color: #d9d9d9;
- border-color: #d9d9d9;
- }
- .mint-checklist-label {
- display: block;
- padding: 0 10px;
- }
- .mint-checklist-title {
- color: #888;
- display: block;
- font-size: 12px;
- margin: 8px;
- }
- .mint-checkbox {}
- .mint-checkbox.is-right {
- float: right;
- }
- .mint-checkbox-label {
- vertical-align: middle;
- margin-left: 6px;
- }
- .mint-checkbox-input {
- display: none;
- }
- .mint-checkbox-input:checked + .mint-checkbox-core {
- background-color: #26a2ff;
- border-color: #26a2ff;
- }
- .mint-checkbox-input:checked + .mint-checkbox-core::after {
- border-color: #fff;
- -webkit-transform: rotate(45deg) scale(1);
- transform: rotate(45deg) scale(1);
- }
- .mint-checkbox-input[disabled] + .mint-checkbox-core {
- background-color: #d9d9d9;
- border-color: #ccc;
- }
- .mint-checkbox-core {
- display: inline-block;
- background-color: #fff;
- border-radius: 100%;
- border: 1px solid #ccc;
- position: relative;
- width: 20px;
- height: 20px;
- vertical-align: middle;
- }
- .mint-checkbox-core::after {
- border: 2px solid transparent;
- border-left: 0;
- border-top: 0;
- content: " ";
- top: 3px;
- left: 6px;
- position: absolute;
- width: 4px;
- height: 8px;
- -webkit-transform: rotate(45deg) scale(0);
- transform: rotate(45deg) scale(0);
- -webkit-transition: -webkit-transform .2s;
- transition: -webkit-transform .2s;
- transition: transform .2s;
- transition: transform .2s, -webkit-transform .2s;
- }
|