Sha256: b757ff30ecde7f5f8d1a21282c413f15c24a1e6d9d2fe482300af52a111efa00
Contents?: true
Size: 1.17 KB
Versions: 5
Compression:
Stored size: 1.17 KB
Contents
@import "../tokens/colors";
@import "../tokens/spacing";
@import "../pb_body/body";
@import "../tokens/transition";
[class^=pb_radio_kit] {
display: inline-flex;
cursor: pointer;
.pb_radio_button {
width: 22px;
min-width: 22px;
height: 22px;
box-sizing: border-box;
border-radius: 1000px;
border: 2px solid $border_light;
margin-right: $space_xs;
transition-property: border-color, border;
transition-duration: $transition_short;
transition-timing-function: $easeIn;
}
@media (hover:hover) {
&:hover .pb_radio_button {
border-color: $primary_action;
}
}
input {
position: relative;
display: none;
&:checked ~ .pb_radio_button {
border: 6px solid $primary;
}
}
&.dark {
.pb_radio_button {
border-color: $border_dark;
}
input:checked ~ .pb_radio_button {
border: 6px solid $primary;
}
@media (hover:hover) {
&:hover .pb_radio_button {
border-color: $primary_action;
}
}
&.error {
> .pb_radio_button {
border-color: $error_dark;
}
}
}
&.error {
> .pb_radio_button {
border-color: $error;
}
}
}
Version data entries
5 entries across 5 versions & 1 rubygems