codecheck

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

8
.p-tieredmenu .p-submenu-list {
9
    position: absolute;
10
    min-width: 100%;
11
    z-index: 1;
12
    display: none;
13
}
14

15
.p-tieredmenu .p-menuitem-link {
16
    cursor: pointer;
17
    display: flex;
18
    align-items: center;
19
    text-decoration: none;
20
    overflow: hidden;
21
    position: relative;
22
}
23

24
.p-tieredmenu .p-menuitem-text {
25
    line-height: 1;
26
}
27

28
.p-tieredmenu .p-menuitem {
29
    position: relative;
30
}
31

32
.p-tieredmenu .p-menuitem-link .p-submenu-icon {
33
    margin-left: auto;
34
}
35

36
.p-tieredmenu .p-menuitem-active > .p-submenu-list {
37
    display: block;
38
    left: 100%;
39
    top: 0;
40
}
41

42
.p-tieredmenu-enter-from,
43
.p-tieredmenu-leave-active {
44
    opacity: 0;
45
}
46

47
.p-tieredmenu-enter-active {
48
    transition: opacity 250ms;
49
}
50

51
// theme
52
.p-tieredmenu {
53
    padding: $verticalMenuPadding;
54
    background: $menuBg;
55
    color: $menuTextColor;
56
    border: $menuBorder;
57
    border-radius: $borderRadius;
58
    min-width: $menuWidth;
59

60
    &.p-tieredmenu-overlay {
61
        background: $overlayMenuBg;
62
        border: $overlayMenuBorder;
63
        box-shadow: $overlayMenuShadow;
64
    }
65

66
    .p-tieredmenu-root-list {
67
        outline: 0 none;
68
    }
69

70
    .p-submenu-list {
71
        padding: $verticalMenuPadding;
72
        background: $overlayMenuBg;
73
        border: $overlayMenuBorder;
74
        box-shadow: $overlayMenuShadow;
75
        border-radius: $borderRadius;
76
    }
77

78
    .p-menuitem {
79
        @include menuitem();
80
    }
81

82
    .p-menuitem-separator {
83
        border-top: $divider;
84
        margin: $menuSeparatorMargin;
85
    }
86

87
    .p-submenu-icon {
88
        font-size: $menuitemSubmenuIconFontSize;
89

90
        &.p-icon {
91
            width: $menuitemSubmenuIconFontSize;
92
            height: $menuitemSubmenuIconFontSize;
93
        }
94
    }
95
}
96