@ohu-mobile/core
Version:
64 lines • 1.33 kB
CSS
.ohu-checkbox {
font-size: 0.42667rem;
position: relative;
}
.ohu-checkbox-wrapper {
display: inline-flex;
flex-flow: row nowrap;
align-items: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
outline: none;
}
.ohu-checkbox-wrapper.is-disabled {
cursor: not-allowed;
}
.ohu-checkbox-wrapper.is-disabled > .ohu-checkbox {
cursor: not-allowed;
}
.ohu-checkbox-wrapper.is-disabled input {
cursor: not-allowed;
}
.ohu-checkbox-wrapper.is-disabled .ohu-icon {
opacity: 0.4;
}
.ohu-checkbox-wrapper.is-disabled .ohu-checkbox__label {
color: #CCC;
}
.ohu-checkbox > input {
top: 0;
left: 0;
position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
.ohu-checkbox > i {
display: inline-block;
font-size: 1.4em;
vertical-align: -0.125em;
width: 1em;
height: 1em;
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.ohu-checkbox > .ohu-icon {
color: #CCC;
font-size: 1.4em;
vertical-align: -0.2em;
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.ohu-checkbox__label {
padding-left: 0.375em;
padding-right: 0.375em;
font-size: 1em;
font-weight: 400;
color: #333;
}