Files
btpxpress-frontend/public/theme/extensions/_radiobutton.scss

50 lines
1.2 KiB
SCSS
Executable File

.p-radiobutton {
border-radius: 50%;
transition: box-shadow $transitionDuration;
.p-radiobutton-box {
&:not(.p-disabled):not(.p-highlight):hover {
border: $radiobuttonBorder;
}
&:not(.p-disabled).p-focus {
border: $radiobuttonBorder;
}
&.p-highlight {
&:not(.p-disabled).p-focus {
border-color: $radiobuttonActiveBorderColor;
}
}
}
&:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba($overlayColor, .04);
}
&:not(.p-radiobutton-disabled).p-radiobutton-focused {
box-shadow: 0 0 1px 10px rgba($overlayColor, .12);
}
&.p-radiobutton-checked {
&:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba($radiobuttonActiveBorderColor, .04);
}
&:not(.p-radiobutton-disabled).p-radiobutton-focused {
box-shadow: 0 0 1px 10px rgba($radiobuttonActiveBorderColor, .12);
}
}
}
.p-input-filled {
.p-radiobutton {
.p-radiobutton-box {
background-color: $inputBg;
&:not(.p-disabled):hover {
background-color: $inputBg;
}
}
}
}