| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- .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;
- }
|