1 line
8.3 KiB
JavaScript
1 line
8.3 KiB
JavaScript
|
var style="\n .p-menubar {\n display: flex;\n align-items: center;\n background: dt('menubar.background');\n border: 1px solid dt('menubar.border.color');\n border-radius: dt('menubar.border.radius');\n color: dt('menubar.color');\n padding: dt('menubar.padding');\n gap: dt('menubar.gap');\n }\n\n .p-menubar-start,\n .p-megamenu-end {\n display: flex;\n align-items: center;\n }\n\n .p-menubar-root-list,\n .p-menubar-submenu {\n display: flex;\n margin: 0;\n padding: 0;\n list-style: none;\n outline: 0 none;\n }\n\n .p-menubar-root-list {\n align-items: center;\n flex-wrap: wrap;\n gap: dt('menubar.gap');\n }\n\n .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content {\n border-radius: dt('menubar.base.item.border.radius');\n }\n\n .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content > .p-menubar-item-link {\n padding: dt('menubar.base.item.padding');\n }\n\n .p-menubar-item-content {\n transition:\n background dt('menubar.transition.duration'),\n color dt('menubar.transition.duration');\n border-radius: dt('menubar.item.border.radius');\n color: dt('menubar.item.color');\n }\n\n .p-menubar-item-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n color: inherit;\n padding: dt('menubar.item.padding');\n gap: dt('menubar.item.gap');\n user-select: none;\n outline: 0 none;\n }\n\n .p-menubar-item-label {\n line-height: 1;\n }\n\n .p-menubar-item-icon {\n color: dt('menubar.item.icon.color');\n }\n\n .p-menubar-submenu-icon {\n color: dt('menubar.submenu.icon.color');\n margin-left: auto;\n font-size: dt('menubar.submenu.icon.size');\n width: dt('menubar.submenu.icon.size');\n height: dt('menubar.submenu.icon.size');\n }\n\n .p-menubar-submenu .p-menubar-submenu-icon:dir(rtl) {\n margin-left: 0;\n margin-right: auto;\n }\n\n .p-menubar-item.p-focus > .p-menubar-item-content {\n color: dt('menubar.item.focus.color');\n background: dt('menubar.item.focus.background');\n }\n\n .p-menubar-item.p-focus > .p-menubar-item-content .p-menubar-item-icon {\n color: dt('menubar.item.icon.focus.color');\n }\n\n .p-menubar-item.p-focus > .p-menubar-item-content .p-menubar-submenu-icon {\n color: dt('menubar.submenu.icon.focus.color');\n }\n\n .p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover {\n color: dt('menubar.item.focus.color');\n background: dt('menubar.item.focus.background');\n }\n\n .p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover .p-menubar-item-icon {\n color: dt('menubar.item.icon.focus.color');\n }\n\n .p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover .p-menubar-submenu-icon {\n color: dt('menubar.submenu.icon.focus.color');\n }\n\n .p-menubar-item-active > .p-menubar-item-content {\n color: dt('menubar.item.active.color');\n background: dt('menubar.item.active.background');\n }\n\n .p-menubar-item-active > .p-menubar-item-content .p-menubar-item-icon {\n color: dt('menubar.item.icon.active.color');\n }\n\n .p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n color: dt('menubar.submenu.icon.active.color');\n }\n\n .p-menubar-submenu {\n display: none;\n position: absolute;\n min-width: 12.5rem;\n z-index: 1;\n background: dt('menubar.submenu.background');\n border: 1px solid dt('menubar.submenu.border.color');\n border-radius: dt('menubar.submenu.border.radius');\n box-shadow: dt('menubar.submenu.shadow');\n color: dt('menubar.submenu.color');\n flex-dir
|