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
1017 B
51 lines
1017 B
@import "../../../index"; |
|
|
|
.bi-checkbox { |
|
& .checkbox-context { |
|
.border-radius(2px); |
|
border: 1px solid @color-bi-border-dark-line; |
|
&:after { |
|
position: absolute; |
|
display: table; |
|
top: 50%; |
|
left: 20%; |
|
border: 2px solid transparent; |
|
border-top: 0; |
|
border-left: 0; |
|
width: 4px; |
|
height: 8px; |
|
.transform(rotate(45deg) scale(1) translate(-50%, -50%)); |
|
content: ''; |
|
} |
|
} |
|
&.active, &:active { |
|
& .checkbox-context{ |
|
border-color: @color-bi-border-highlight; |
|
&:after { |
|
border-color: @color-bi-border-default; |
|
opacity: 1; |
|
} |
|
} |
|
} |
|
&.disabled { |
|
& .checkbox-context:after { |
|
opacity: 0; |
|
} |
|
&.active { |
|
& .checkbox-context { |
|
background-color: @color-bi-background-dark-gray; |
|
&:after { |
|
opacity: 1; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.bi-theme-dark { |
|
.bi-checkbox { |
|
& .checkbox-context { |
|
border-color: @color-bi-border-dark-line-theme-dark; |
|
} |
|
} |
|
} |