.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: block;
|
line-height: 110px;
|
padding-left: 0;
|
background-size: cover;
|
background-position: center;
|
background-repeat: no-repeat;
|
@extend .mdTxt;
|
}
|
|
&.is-checked {
|
background-color: $PEACH;
|
.el-radio__label {
|
color: $PRIMARY_WHITE;
|
}
|
}
|
}
|
}
|
|
.pam-radio-group--col {
|
display: flex;
|
flex-direction: column;
|
font-size: 20px;
|
.el-radio-button {
|
@extend .fix-chrome-click--issue;
|
&.is-active {
|
color:$PRIMARY_BLACK;
|
background-color: none !important;
|
border: none;
|
}
|
}
|
}
|
|
.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');
|
}
|
}
|
.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;
|
}
|
}
|
}
|
}
|
}
|
