codecheck

1
// core
2
.p-splitbutton {
3
    display: inline-flex;
4
    position: relative;
5
}
6

7
.p-splitbutton .p-splitbutton-defaultbutton,
8
.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
9
.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
10
.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
11
    flex: 1 1 auto;
12
    border-top-right-radius: 0;
13
    border-bottom-right-radius: 0;
14
    border-right: 0 none;
15
}
16

17
.p-splitbutton-menubutton,
18
.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
19
.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
20
    display: flex;
21
    align-items: center;
22
    justify-content: center;
23
    border-top-left-radius: 0;
24
    border-bottom-left-radius: 0;
25
}
26

27
.p-splitbutton .p-menu {
28
    min-width: 100%;
29
}
30

31
.p-fluid .p-splitbutton {
32
    display: flex;
33
}
34

35
// theme
36
.p-splitbutton {
37
    border-radius: $borderRadius;
38

39
    &.p-button-rounded {
40
        border-radius: $roundedButtonBorderRadius;
41

42
        > .p-button {
43
            border-radius: $roundedButtonBorderRadius;
44
        }
45
    }
46

47
    &.p-button-raised {
48
        box-shadow: $raisedButtonShadow;
49
    }
50
}