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.
90 lines
1.6 KiB
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;
|
|
} |