react-jam-ui
Version:
React JAM UI components
36 lines (34 loc) • 963 B
text/stylus
.radio {
font-weight: 400;
input {
position: absolute;
visibility: hidden;
&:checked + label {
&:before {
background-color: #FFFFFF;
border-color: rgba(27, 113, 241, 1);
box-shadow: inset 0 0 0 7px rgba(27, 113, 241, 1), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
}
}
}
label {
padding: 0 0 0 32px;
margin: 0;
min-height: 32px;
font-weight: 400;
&:before {
height: 32px;
width: 32px;
background-color: rgba(249, 249, 249, 1);
border: 2px solid rgba(183, 185, 188, 1);
border-radius: 32px;
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
transition: background-color 0.15s, box-shadow 0.15s, border 0.15s;
}
}
}