codecheck

1
// core
2
.p-checkbox {
3
    position: relative;
4
    display: inline-flex;
5
    user-select: none;
6
    vertical-align: bottom;
7
}
8

9
.p-checkbox-input {
10
    cursor: pointer;
11
}
12

13
.p-checkbox-box {
14
    display: flex;
15
    justify-content: center;
16
    align-items: center;
17
}
18

19
// theme
20
.p-tristatecheckbox {
21
    &.p-variant-filled {
22
        .p-checkbox-box {
23
            background-color: $inputFilledBg;
24
        }
25

26
        &.p-highlight {
27
            .p-checkbox-box {
28
                background: $checkboxActiveBg;
29
            }
30
        }
31

32
        &:not(.p-disabled) {
33
            &:has(.p-checkbox-input:hover) {
34
                .p-checkbox-box {
35
                    background-color: $inputFilledHoverBg;
36
                }
37

38
                &.p-highlight {
39
                    .p-checkbox-box {
40
                        background: $checkboxActiveHoverBg;
41
                    }
42
                }
43
            }
44
        }
45
    }
46
}
47