forked from fanruan/fineui
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.4 KiB
51 lines
1.4 KiB
.bi-checkbox .checkbox-content { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
border: 1px solid #9EA6B2; |
|
} |
|
.bi-checkbox .checkbox-content:after { |
|
position: absolute; |
|
display: table; |
|
top: 50%; |
|
left: 20%; |
|
border: 2px solid transparent; |
|
border-top: 0; |
|
border-left: 0; |
|
width: 4px; |
|
height: 8px; |
|
-webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%); |
|
-moz-transform: rotate(45deg) scale(1) translate(-50%, -50%); |
|
-o-transform: rotate(45deg) scale(1) translate(-50%, -50%); |
|
-ms-transform: rotate(45deg) scale(1) translate(-50%, -50%); |
|
transform: rotate(45deg) scale(1) translate(-50%, -50%); |
|
content: ''; |
|
} |
|
.bi-checkbox.active .checkbox-content, |
|
.bi-checkbox:active .checkbox-content { |
|
border-color: #3685f2; |
|
} |
|
.bi-checkbox.active .checkbox-content:after, |
|
.bi-checkbox:active .checkbox-content:after { |
|
border-color: #ffffff; |
|
opacity: 1; |
|
} |
|
.bi-checkbox.disabled .checkbox-content { |
|
background-color: #d0d4da; |
|
} |
|
.bi-checkbox.disabled .checkbox-content:after { |
|
opacity: 0; |
|
} |
|
.bi-checkbox.disabled.active .checkbox-content { |
|
border-color: #e8eaed; |
|
} |
|
.bi-checkbox.disabled.active .checkbox-content:after { |
|
opacity: 1; |
|
} |
|
.bi-theme-dark .bi-checkbox .checkbox-content { |
|
border-color: #9EA6B2; |
|
} |
|
.bi-theme-dark .bi-checkbox.active .checkbox-content, |
|
.bi-theme-dark .bi-checkbox:active .checkbox-content { |
|
border-color: #3685f2; |
|
}
|
|
|