.pam-quickFilter-checkbox.el-checkbox-group {
|
display: flex;
|
justify-content: space-between;
|
width: 100%;
|
flex-wrap: wrap;
|
height: 240px;
|
|
.el-checkbox {
|
display: block;
|
width: 48%;
|
height: 110px;
|
margin-right: 0px;
|
box-shadow: 0 0 6px #22222229;
|
border-radius: 10px;
|
-webkit-tap-highlight-color: transparent;
|
.el-checkbox__input {
|
display: none;
|
}
|
|
.el-checkbox__label {
|
color: $PRIMARY_BLACK;
|
display: block;
|
padding-left: 0;
|
text-align: center;
|
line-height: 110px;
|
background-size: cover;
|
background-position: center;
|
background-repeat: no-repeat;
|
@extend .mdTxt;
|
}
|
|
&.is-checked {
|
background-color: $PEACH;
|
.el-checkbox__label {
|
color: $PRIMARY_WHITE;
|
}
|
}
|
}
|
|
.btn_koala {
|
.el-checkbox__label {
|
background-image: url('~/assets/images/quickFilter/btn_koala.svg');
|
}
|
}
|
|
.btn_owl {
|
.el-checkbox__label {
|
background-image: url('~/assets/images/quickFilter/btn_owl.svg');
|
}
|
}
|
|
.btn_peacock {
|
.el-checkbox__label {
|
background-image: url('~/assets/images/quickFilter/btn_peacock.svg');
|
}
|
}
|
|
.btn_tiger {
|
.el-checkbox__label {
|
background-image: url('~/assets/images/quickFilter/btn_tiger.svg');
|
}
|
}
|
|
}
|
|
.pam-multi-select-btn.el-checkbox-group{
|
.el-checkbox {
|
padding: 10px 20px;
|
border: 1px $LIGHT_GREY solid;
|
background-color: $PRIMARY_WHITE;
|
border-radius: 30px;
|
font-size: 20px;
|
margin: 0 10px 10px 0px;
|
-webkit-tap-highlight-color: transparent;
|
.el-checkbox__input {
|
display: none;
|
}
|
|
.el-checkbox__label {
|
color: $PRIMARY_BLACK;
|
font-size: 20px;
|
font-weight: normal;
|
padding-left: 0;
|
text-align: center;
|
}
|
|
&.is-checked {
|
background-color:$CORAL;
|
color: $PRIMARY_WHITE;
|
.el-checkbox__label{
|
color: $PRIMARY_WHITE;
|
}
|
}
|
}
|
}
|
