codecheck

1
// core
2
.p-panel-header {
3
    display: flex;
4
    justify-content: space-between;
5
    align-items: center;
6
}
7

8
.p-panel-title {
9
    line-height: 1;
10
}
11

12
.p-panel-header-icon {
13
    display: inline-flex;
14
    justify-content: center;
15
    align-items: center;
16
    cursor: pointer;
17
    text-decoration: none;
18
    overflow: hidden;
19
    position: relative;
20
}
21

22
// theme
23
.p-panel {
24
    .p-panel-header {
25
        border: $panelHeaderBorder;
26
        padding: $panelHeaderPadding;
27
        background: $panelHeaderBg;
28
        color: $panelHeaderTextColor;
29
        border-top-right-radius: $borderRadius;
30
        border-top-left-radius: $borderRadius;
31

32
        .p-panel-title {
33
            font-weight: $panelHeaderFontWeight;
34
        }
35

36
        .p-panel-header-icon {
37
            @include action-icon();
38
        }
39
    }
40

41
    &.p-panel-toggleable {
42
        .p-panel-header {
43
            padding: $panelToggleableHeaderPadding;
44
        }
45
    }
46

47
    .p-panel-content {
48
        padding: $panelContentPadding;
49
        border: $panelContentBorder;
50
        background: $panelContentBg;
51
        color: $panelContentTextColor;
52
        border-top: 0 none;
53
        
54
        &:last-child {
55
            border-bottom-right-radius: $borderRadius;
56
            border-bottom-left-radius: $borderRadius;
57
        }
58
    }
59

60
    .p-panel-footer {
61
        padding: $panelFooterPadding;
62
        border: $panelFooterBorder;
63
        background: $panelFooterBg;
64
        color: $panelFooterTextColor;
65
        border-bottom-right-radius: $borderRadius;
66
        border-bottom-left-radius: $borderRadius;
67
        border-top: 0 none;
68
    }
69
}
70