source: trip-planner-front/node_modules/primeng/resources/components/megamenu/megamenu.css@ 59329aa

Last change on this file since 59329aa was 59329aa, checked in by Ema <ema_spirova@…>, 3 years ago

adding photos

  • Property mode set to 100644
File size: 1.5 KB
Line 
1.p-megamenu-root-list {
2 margin: 0;
3 padding: 0;
4 list-style: none;
5}
6
7.p-megamenu-root-list > .p-menuitem {
8 position: relative;
9}
10
11.p-megamenu .p-menuitem-link {
12 cursor: pointer;
13 display: flex;
14 align-items: center;
15 text-decoration: none;
16 overflow: hidden;
17 position: relative;
18}
19
20.p-megamenu .p-menuitem-text {
21 line-height: 1;
22}
23
24.p-megamenu-panel {
25 display: none;
26 position: absolute;
27 width: auto;
28 z-index: 1;
29}
30
31.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
32 display: block;
33}
34
35.p-megamenu-submenu {
36 margin: 0;
37 padding: 0;
38 list-style: none;
39}
40
41/* Horizontal */
42.p-megamenu-horizontal .p-megamenu-root-list {
43 display: flex;
44 align-items: center;
45 flex-wrap: wrap;
46}
47
48/* Vertical */
49.p-megamenu-vertical .p-megamenu-root-list {
50 flex-direction: column;
51}
52
53.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
54 left: 100%;
55 top: 0;
56}
57
58.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
59 margin-left: auto;
60}
61
62
63.p-megamenu-grid {
64 display: flex;
65}
66
67.p-megamenu-col-2,
68.p-megamenu-col-3,
69.p-megamenu-col-4,
70.p-megamenu-col-6,
71.p-megamenu-col-12 {
72 flex: 0 0 auto;
73 padding: 0.5rem;
74}
75
76.p-megamenu-col-2 {
77 width: 16.6667%;
78}
79
80.p-megamenu-col-3 {
81 width: 25%;
82}
83
84.p-megamenu-col-4 {
85 width: 33.3333%;
86}
87
88.p-megamenu-col-6 {
89 width: 50%;
90}
91
92.p-megamenu-col-12 {
93 width: 100%;
94}
Note: See TracBrowser for help on using the repository browser.