codecheck

1
.p-selectbutton {
2
    .p-button {
3
        background: $toggleButtonBg;
4
        border: $toggleButtonBorder;
5
        color: $toggleButtonTextColor;
6
        transition: $formElementTransition;
7

8
        .p-button-icon-left,
9
        .p-button-icon-right {
10
            color: $toggleButtonIconColor;
11
        }
12

13
        &:not(.p-disabled):not(.p-highlight):hover {
14
            background: $toggleButtonHoverBg;
15
            border-color: $toggleButtonHoverBorderColor;
16
            color: $toggleButtonTextHoverColor;
17

18
            .p-button-icon-left,
19
            .p-button-icon-right {
20
                color: $toggleButtonIconHoverColor;
21
            }
22
        }
23

24
        &.p-highlight {
25
            background: $toggleButtonActiveBg;
26
            border-color: $toggleButtonActiveBorderColor;
27
            color: $toggleButtonTextActiveColor;
28

29
            .p-button-icon-left,
30
            .p-button-icon-right {
31
                color: $toggleButtonIconActiveColor;
32
            }
33

34
            &:hover {
35
                background: $toggleButtonActiveHoverBg;
36
                border-color: $toggleButtonActiveHoverBorderColor;
37
                color: $toggleButtonTextActiveHoverColor;
38

39
                .p-button-icon-left,
40
                .p-button-icon-right {
41
                    color: $toggleButtonIconActiveHoverColor;
42
                }
43
            }
44
        }
45
    }
46

47
    &.p-invalid > .p-button {
48
        @include invalid-input();
49
    }
50
}