.el-button {
|
border-width: 2px;
|
border-radius: 30px;
|
padding: 10px 20px;
|
@extend .mdTxt;
|
&.el-button--default {
|
color: $PRIMARY_RED;
|
background-color: $PRIMARY_WHITE;
|
border-color: $PRIMARY_RED;
|
}
|
&.el-button--primary {
|
background-color: $PRIMARY_RED;
|
border-color: $PRIMARY_RED;
|
|
}
|
&+.el-button {
|
margin-left: 20px;
|
}
|
&.is-disabled {
|
color: $PRIMARY_WHITE;
|
background-color: $MID_GREY;
|
border-color: $MID_GREY;
|
&:hover{
|
background-color: $MID_GREY;
|
border-color: $MID_GREY;
|
}
|
}
|
}
|
|
.pam-tags {
|
.el-button {
|
@extend .text--middle;
|
@extend .text--regular;
|
&.el-button--default {
|
color: $PRIMARY_BLACK;
|
background-color: $PRIMARY_WHITE;
|
border-color: $LIGHT_GREY;
|
}
|
&.el-button--primary {
|
background-color: $PRIMARY_RED;
|
border-color: $PRIMARY_RED;
|
}
|
&.active {
|
background-color: $CORAL;
|
color: $PRIMARY_WHITE;
|
}
|
}
|
}
|
.pam-tags {
|
|
.el-button {
|
border-width: 2px;
|
border-radius: 30px;
|
padding: 10px 20px;
|
font-weight: normal;
|
@extend .fz-20;
|
&.el-button--default {
|
color: black;
|
background-color: #FFFFFF;
|
border-color: #D0D0CE;
|
}
|
&.el-button--primary {
|
background-color: $PRIMARY_RED;
|
border-color: #D0D0CE;
|
}
|
&.active {
|
background-color: #F09491;
|
color: white;
|
}
|
}
|
}
|
|
.pam-select-confirm{
|
border-width: 1px;
|
border-radius: 30px;
|
padding: 10px 40px;
|
&.el-button--primary {
|
background-color: $PRIMARY_RED;
|
border-color: $PRIMARY_RED;
|
border-style: solid;
|
}
|
&.is-disabled {
|
color: $PRIMARY_WHITE;
|
background-color: $MID_GREY;
|
border-color: $MID_GREY;
|
border-style: solid;
|
pointer-events: none;
|
}
|
}
|
