mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-29 23:58:06 +01:00
512fdcae56
* Replaced with new checkbox in ConnectedAccountsPermissions * removed a typo * fixed linting issue * Small updates to styles --------- Co-authored-by: George Marshall <george.marshall@consensys.net>
55 lines
1.1 KiB
SCSS
55 lines
1.1 KiB
SCSS
.mm-checkbox {
|
|
cursor: pointer;
|
|
|
|
&__input-wrapper {
|
|
position: relative;
|
|
}
|
|
|
|
&__input {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
&:hover:not(:disabled) {
|
|
background-color: var(--color-background-default-hover);
|
|
}
|
|
|
|
&:focus {
|
|
border-color: var(--color-primary-default);
|
|
}
|
|
|
|
&:disabled {
|
|
color: var(--color-icon-muted);
|
|
cursor: not-allowed;
|
|
}
|
|
}
|
|
|
|
&__input--checked:hover:not(:disabled),
|
|
&__input--indeterminate:hover:not(:disabled) {
|
|
border-color: var(--color-primary-alternative);
|
|
background-color: var(--color-primary-alternative);
|
|
}
|
|
|
|
&__input--checked#{&}__input--readonly,
|
|
&__input--checked#{&}__input--readonly:hover,
|
|
&__input--indeterminate#{&}__input--readonly,
|
|
&__input--indeterminate#{&}__input--readonly:hover {
|
|
border-color: var(--color-icon-alternative);
|
|
background-color: var(--color-icon-alternative);
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
&--disabled {
|
|
opacity: var(--opacity-disabled);
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
&__icon {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
}
|