4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Fixed checkbox color

Browse Source
This commit is contained in:
Vins 2024-07-29 18:03:41 +02:00
parent ef4d30784a
commit d4a49b9938
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/front/Components/DesignSystem/CheckBox/classes.module.scss
View File

@ -29,9 +29,11 @@
&.disabled {
opacity: var(--opacity-disabled, 0.3);
cursor: not-allowed;
}
input[type="checkbox"] {
accent-color: var(--select-option-selected-default-background);
cursor: pointer;
display: flex;
width: 20px;
@ -45,21 +47,18 @@
border-radius: var(--radius-xs, 2px);
border: 2px solid var(--select-option-unselected-default-border, #6d7e8a);
&:checked {
background-image: url("../../../Assets/Icons/burger.svg");
}
&:hover {
border: 2px solid var(--select-option-unselected-default-border, #6d7e8a);
border: 2px solid var(--select-option-unselected-pressed-border, #3e474e);
accent-color: var(--select-option-selected-hovered-background);
}
&:active {
border: 2px solid var(--select-option-unselected-pressed-border, #3e474e);
accent-color: var(--select-option-selected-pressed-background);
}
&:disabled {
cursor: not-allowed;
border: 2px solid var(--select-option-unselected-default-border, #6d7e8a);
}
}