vue-radio-toggle-buttons
Version:
Radio toggle buttons for Vue.
39 lines (31 loc) • 845 B
CSS
label.radio-toggle-button {
position: relative;
cursor: pointer;
border: 1px solid #ccc;
border-collapse: collapse;
padding: 10px;
transition-property: color, border, background-color;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
z-index: 0;
}
label.radio-toggle-button input[type='radio'] {
display: none;
}
label.radio-toggle-button + label.radio-toggle-button {
margin-left: -1px;
}
label.radio-toggle-button:first-of-type {
border-radius: 3px 0 0 3px;
}
label.radio-toggle-button:last-of-type {
border-radius: 0 3px 3px 0;
}
label.radio-toggle-button:hover, label.radio-toggle-button.is-hovered {
z-index: 1;
}
label.radio-toggle-button.is-selected {
z-index: 2;
}
/*# sourceMappingURL=vue-radio-toggle-buttons.css.map */
/*# sourceMappingURL=vue-radio-toggle-buttons.css.map */