40 lines
715 B
SCSS
40 lines
715 B
SCSS
$color-checkbox: $blue;
|
|
$color-border-el: #dcdfe6;
|
|
|
|
$btn-radius: 6px;
|
|
|
|
/* FORM */
|
|
// checkbox
|
|
.el-checkbox.is-bordered {
|
|
@include border-radius($btn-radius);
|
|
&:hover {
|
|
border-color: $color-checkbox;
|
|
.el-checkbox__label {
|
|
color: $color-checkbox;
|
|
}
|
|
}
|
|
.el-checkbox__input.is-focus {
|
|
.el-checkbox__inner {
|
|
border-color: $color-border-el;
|
|
}
|
|
}
|
|
&.is-checked {
|
|
background-color: $color-checkbox;
|
|
.el-checkbox__label {
|
|
color: white;
|
|
}
|
|
.el-checkbox__inner {
|
|
border-color: white;
|
|
background-color: white;
|
|
&:after {
|
|
border-color: $color-checkbox;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// el-button
|
|
.el-button {
|
|
@include border-radius($btn-radius);
|
|
}
|