react-jam-ui
Version:
React JAM UI components
43 lines (39 loc) • 1.02 kB
text/stylus
checkbox-simple($params) {
input {
position: absolute;
visibility: hidden;
&:checked + label {
color: $params.checked.color;
&:before {
color: $params.checked.color;
background: $params.checked.bg;
border: $params.checked.border;
border-radius: $params.checked.radius;
}
}
}
label {
padding: 0 0 0 28px;
min-height: 1em;
color: $params.default.color;
&:before {
height: 14px;
width: 14px;
color: $params.default.color;
background: $params.default.bg;
border: $params.default.border;
border-radius: $params.default.radius;
content: "";
display: block;
position: absolute;
left: 0;
top: 4px;
cursor: pointer;
}
}
&:hover {
label {
color: #21BAFA;
}
}
}