react-jam-ui/components/Radio/styles.styl

React JAM UI components

.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;
        }
    }
}