50 lines
858 B
SCSS
50 lines
858 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) ;
|
|
}
|
|
|
|
// upload
|
|
.el-upload-dragger{
|
|
&:hover{
|
|
background-color: transparentize($color-checkbox, 0.9);
|
|
}
|
|
}
|
|
.el-upload__tip{
|
|
color: $text-comment;
|
|
}
|