|
// reset
|
html,body {
|
margin: 0;
|
color: $PRIMARY_BLACK;
|
font-family: Segoe UI;
|
}
|
|
h5 {
|
margin: 0;
|
}
|
|
// btn
|
.btn {
|
padding: 10px 20px;
|
@include btn;
|
}
|
|
.confirm_btn {
|
padding: 10px 40px;
|
@include btn;
|
}
|
|
.outline_btn {
|
padding: 10px 20px;
|
border-radius: 30px;
|
color: $PRIMARY_RED;
|
border: solid 2px;
|
|
&:hover {
|
color: $PRIMARY_RED;
|
background-color: $PRIMARY_WHITE;
|
}
|
|
&:focus {
|
background-color: $CORAL;
|
}
|
|
&:disabled {
|
background-color: $LIGHT_GREY;
|
}
|
}
|
|
|
|
// el-carousel
|
.el-carousel__indicators--outside {
|
.el-carousel__indicator--horizontal {
|
.el-carousel__button {
|
width: 9px;
|
height: 9px;
|
border-radius: 50px;
|
border: solid 1px $LIGHT_GREY;
|
background-color: $PRIMARY_WHITE;
|
}
|
|
&.is-active {
|
.el-carousel__button {
|
background-color: $PRIMARY_RED;
|
}
|
}
|
}
|
|
.el-carousel__indicator--horizontal:nth-child(2) {
|
.el-carousel__button {
|
margin: 0 20px;
|
}
|
}
|
}
|
