codecheck

1
// core
2
.p-fieldset-legend > a,
3
.p-fieldset-legend > span {
4
    display: flex;
5
    align-items: center;
6
    justify-content: center;
7
}
8

9
.p-fieldset-toggleable .p-fieldset-legend a {
10
    cursor: pointer;
11
    user-select: none;
12
    overflow: hidden;
13
    position: relative;
14
    text-decoration: none;
15
}
16

17
.p-fieldset-legend-text {
18
    line-height: 1;
19
}
20

21
// theme
22
.p-fieldset {
23
    border: $panelContentBorder;
24
    background: $panelContentBg;
25
    color: $panelContentTextColor;
26
    border-radius: $borderRadius;
27

28
    .p-fieldset-legend {
29
        padding: $panelHeaderPadding;
30
        border: $panelHeaderBorder;
31
        color: $panelHeaderTextColor;
32
        background: $panelHeaderBg;
33
        font-weight: $panelHeaderFontWeight;
34
        border-radius: $borderRadius;
35
    }
36

37
    &.p-fieldset-toggleable {
38
        .p-fieldset-legend {
39
            padding: 0;
40
            transition: $actionIconTransition;
41

42
            a {
43
                padding: $panelHeaderPadding;
44
                color: $panelHeaderTextColor;
45
                border-radius: $borderRadius;
46
                transition: $listItemTransition;
47
                outline-color: transparent;
48

49
                .p-fieldset-toggler {
50
                    margin-right: $inlineSpacing;
51
                }
52

53
                &:focus-visible {
54
                    @include focused();
55
                }
56

57
                &:hover {
58
                    color: $panelHeaderTextHoverColor;
59
                }
60
            }
61

62
            &:hover {
63
                background: $panelHeaderHoverBg;
64
                border-color: $panelHeaderHoverBorderColor;
65
                color: $panelHeaderTextHoverColor;
66
            }
67
        }
68
    }
69

70
    .p-fieldset-content {
71
        padding: $panelContentPadding;
72
    }
73
}
74