| | |
| | | // reset |
| | | html,body { |
| | | margin: 0; |
| | | color: $black; |
| | | color: $PRIMARY_BLACK; |
| | | font-family: Segoe UI; |
| | | overflow-x: hidden; |
| | | } |
| | | |
| | | h5 { |
| | |
| | | .outline_btn { |
| | | padding: 10px 20px; |
| | | border-radius: 30px; |
| | | color: $primaryRed; |
| | | color: $PRIMARY_RED; |
| | | border: solid 2px; |
| | | |
| | | &:hover { |
| | | color: $primaryRed; |
| | | background-color: $white; |
| | | color: $PRIMARY_RED; |
| | | background-color: $PRIMARY_WHITE; |
| | | } |
| | | |
| | | &:focus { |
| | | background-color: $coral; |
| | | background-color: $CORAL; |
| | | } |
| | | |
| | | &:disabled { |
| | | background-color: $lightGrey; |
| | | 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 $lightGrey; |
| | | background-color: $white; |
| | | } |
| | | |
| | | &.is-active { |
| | | .el-carousel__button { |
| | | background-color: $primaryRed; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-carousel__indicator--horizontal:nth-child(2) { |
| | | .el-carousel__button { |
| | | margin: 0 20px; |
| | | } |
| | | } |
| | | } |
| | | } |