.pam-quickFilter-radio.el-radio-group {
|
display: flex;
|
justify-content: space-between;
|
width: 100%;
|
|
.el-radio {
|
display: block;
|
width: 48%;
|
height: 110px;
|
margin-right: 0px;
|
box-shadow: 0 0 6px #22222229;
|
border-radius: 10px;
|
@extend .fix-chrome-click--issue;
|
.el-radio__input {
|
display: none;
|
}
|
|
.el-radio__label {
|
text-align: center;
|
color: $PRIMARY_BLACK;
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
align-items: center;
|
padding-left: 0;
|
background-size: cover;
|
background-position: center;
|
background-repeat: no-repeat;
|
height: 100%;
|
@extend .mdTxt;
|
|
.subtitle {
|
margin-top: 10px;
|
@extend .smTxt_bold;
|
color: $PRUDENTIAL_GREY;
|
}
|
}
|
|
&.is-checked {
|
background-color: $PEACH;
|
.el-radio__label {
|
color: $PRIMARY_WHITE;
|
|
.subtitle {
|
color: $PRIMARY_WHITE;
|
font-weight: lighter;
|
}
|
}
|
}
|
}
|
}
|
|
.pam-single__select--col {
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
margin-top: 30px;
|
.el-radio-button{
|
@extend .fix-chrome-click--issue;
|
margin-right: 10px;
|
|
&.is-active{
|
.el-radio-button__inner{
|
font-weight: bolder;
|
background-color: $CORAL;
|
color: $PRIMARY_WHITE;
|
transition: 0s;
|
}
|
}
|
&:focus:not(.is-focus):not(:active):not(.is-disabled){
|
box-shadow: none;
|
}
|
.el-radio-button__inner{
|
border: none;
|
color:$PRIMARY_BLACK; ;
|
background-color:$PRIMARY_WHITE;
|
box-shadow: none;
|
font-size: 20px;
|
font-weight: normal;
|
transition: 0s;
|
border: 1px $LIGHT_GREY solid;
|
border-radius: 50px;
|
}
|
}
|
}
|
.btn_woman {
|
.el-radio__label {
|
background-image: url('~/assets/images/quickFilter/btn_woman.svg');
|
}
|
}
|
|
.btn_man {
|
.el-radio__label {
|
background-image: url('~/assets/images/quickFilter/btn_man.svg');
|
}
|
}
|
.btn_unlimited {
|
.el-radio__label {
|
background-image: url('~/assets/images/quickFilter/btn_unlimited.svg');
|
}
|
}
|
.btn_senior {
|
.el-radio__label {
|
background-image: url('~/assets/images/quickFilter/btn_senior.svg');
|
}
|
}
|
.btn_young {
|
.el-radio__label {
|
background-image: url('~/assets/images/quickFilter/btn_young.svg');
|
}
|
}
|
|
.pam-single-btn.el-radio-group{
|
.el-radio {
|
padding: 10px 20px;
|
border: 1px $LIGHT_GREY solid;
|
background-color: $PRIMARY_WHITE;
|
border-radius: 50px;
|
margin-right: 10px;
|
margin-bottom: 10px;
|
@extend .fix-chrome-click--issue;
|
.el-radio__input {
|
display: none;
|
}
|
|
.el-radio__label {
|
text-align: center;
|
font-size: 18px;
|
color: $PRIMARY_BLACK;
|
font-weight: normal;
|
display: block;
|
padding-left: 0px;
|
.radio-sub-title{
|
color: $PRUDENTIAL_GREY;
|
}
|
}
|
|
&.is-checked {
|
background-color:$CORAL;
|
color: $PRIMARY_WHITE;
|
.el-radio__label{
|
color: $PRIMARY_WHITE;
|
.radio-sub-title{
|
color: $PRIMARY_WHITE;
|
}
|
}
|
}
|
}
|
}
|
