forked from um/web
40 lines
707 B
SCSS
40 lines
707 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) ;
|
||
|
}
|