@ohu-mobile/core
Version:
59 lines (58 loc) • 1.07 kB
CSS
.ohu-agree-wrapper {
font-size: 28px;
display: flex;
flex-flow: row nowrap;
align-items: center;
outline: none;
}
.ohu-agree-wrapper.is-disabled > .ohu-agree {
cursor: not-allowed;
}
.ohu-agree-wrapper.is-disabled input {
cursor: not-allowed;
}
.ohu-agree-wrapper.is-disabled .ohu-icon {
opacity: 0.4;
}
.ohu-agree-wrapper.is-disabled .ohu-agree__label {
color: #CCC;
}
.ohu-agree {
position: relative;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
width: 1.7em;
height: 1.7em;
align-self: flex-start;
-webkit-tap-highlight-color: transparent;
outline: none;
}
.ohu-agree > .ohu-icon {
color: #333;
font-size: 1.5em;
transition: all 0.4s easing(out-expo);
}
.ohu-agree > input {
top: 0;
left: 0;
position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
.ohu-agree__label {
padding-left: 12px;
font-size: 1em;
font-weight: 400;
color: #333;
flex: 1 1 0%;
line-height: 1.6em;
}
.ohu-agree__label a {
color: #2d7eff;
}