codecheck

1
// core
2
.p-menu ul {
3
    margin: 0;
4
    padding: 0;
5
    list-style: none;
6
}
7

8
.p-menu .p-menuitem-link {
9
    cursor: pointer;
10
    display: flex;
11
    align-items: center;
12
    text-decoration: none;
13
    overflow: hidden;
14
    position: relative;
15
}
16

17
.p-menu .p-menuitem-text {
18
    line-height: 1;
19
}
20

21
// theme
22
.p-menu {
23
    padding: $verticalMenuPadding;
24
    background: $menuBg;
25
    color: $menuTextColor;
26
    border: $menuBorder;
27
    border-radius: $borderRadius;
28
    min-width: $menuWidth;
29

30
    .p-menuitem {
31
        @include menuitem();
32
    }
33

34
    &.p-menu-overlay {
35
        background: $overlayMenuBg;
36
        border: $overlayMenuBorder;
37
        box-shadow: $overlayMenuShadow;
38
    }
39

40
    .p-submenu-header {
41
        margin: $submenuHeaderMargin;
42
        padding: $submenuHeaderPadding;
43
        color: $submenuHeaderTextColor;
44
        background: $submenuHeaderBg;
45
        font-weight: $submenuHeaderFontWeight;
46
        border-top-right-radius: $submenuHeaderBorderRadius; 
47
        border-top-left-radius: $submenuHeaderBorderRadius; 
48
    }
49

50
    .p-menuitem-separator {
51
        border-top: $divider;
52
        margin: $menuSeparatorMargin;
53
    }
54
}
55