You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
mohemmionic5/Mohem/node_modules_/primeng/resources/components/megamenu/megamenu.css

90 lines
1.6 KiB
CSS

.ui-megamenu {
padding: .25em;
}
.ui-megamenu-root-list {
margin: 0;
padding: 0;
list-style: none;
}
.ui-megamenu-root-list > .ui-menuitem {
position: relative;
}
.ui-megamenu .ui-menuitem-link {
padding: .25em;
display: block;
text-decoration: none;
}
.ui-megamenu .ui-menuitem-icon {
margin-right: .25em;
vertical-align: middle;
}
.ui-megamenu .ui-menuitem-text {
vertical-align: middle;
}
.ui-megamenu-panel {
display: none;
position: absolute;
width: auto;
}
.ui-megamenu-root-list > .ui-menuitem-active > .ui-megamenu-panel {
display: block;
}
.ui-megamenu-panel .ui-menuitem {
margin: .125em 0;
}
.ui-megamenu-submenu {
margin: 0;
padding: 0;
list-style: none;
width: 12.5em;
}
.ui-megamenu-submenu-header {
padding: .25em;
}
/* Horizontal */
.ui-megamenu-horizontal .ui-megamenu-root-list > .ui-menuitem {
display: inline-block;
}
.ui-megamenu-horizontal .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
vertical-align: middle;
margin-left: .25em;
}
/* Vertical */
.ui-megamenu-vertical {
width: 12.5em;
}
.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem {
display: block;
}
.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link {
position: relative;
}
.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
position: absolute;
width: 1em;
height: 1em;
top: 50%;
right: 0;
margin-top: -.5em;
}
.ui-megamenu .ui-g {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}