tsanie/ui-lib
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

sync form work

Browse Source
This commit is contained in:
Tsanie Lily
2023-04-10 17:30:17 +08:00
parent fecaf6f450
commit c38e486d7d
15 changed files with 860 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
css/functions/checkbox.scss
View File

@ -1,7 +1,3 @@
$boxBorderColor: #999898;
$boxCheckedColor: #1890ff;
$boxDisabledColor: #d9d9d9;
@mixin check-box() {
.check-box-inner {
position: relative;
@ -10,7 +6,7 @@ $boxDisabledColor: #d9d9d9;
width: 14px;
height: 14px;
background-color: #fff;
border: 1px solid $boxBorderColor;
border: 1px solid var(--box-color);
user-select: none;
border-radius: 2px;
transition: all .2s;
@ -33,8 +29,8 @@ $boxDisabledColor: #d9d9d9;
display: none;
&:checked+.check-box-inner {
border-color: $boxCheckedColor;
background-color: $boxCheckedColor;
border-color: var(--link-color);
background-color: var(--link-color);
>svg {
transform: scale(1);
@ -44,17 +40,17 @@ $boxDisabledColor: #d9d9d9;
&:disabled {
&+.check-box-inner {
border-color: $boxDisabledColor;
border-color: var(--disabled-box-color);
cursor: default;
}
&:checked+.check-box-inner {
border-color: $boxDisabledColor;
background-color: $boxDisabledColor;
border-color: var(--disabled-box-color);
background-color: var(--disabled-box-color);
}
&~span {
color: $boxDisabledColor;
color: var(--disabled-box-color);
cursor: default;
}
}