Menu Theme
Menu Variables
☰ Theme
Theme
Base theme variables owned by the Menu architecture Key.
Architecture Key: Menu
--qp-menu__mobile-link-padding-block
Choose mobile navigation touch density independently from compact desktop controls.
--qp-menu__mobile-list-margin
Choose how the expanded mobile navigation panel separates from header content.
--qp-menu-gap
Choose the density of top-level navigation items without changing their clickable padding.
--qp-menu-link-min-height
Choose the minimum interactive height of Menu links.
--qp-menu-mobile-list-display
Choose the layout mode used to compose the open mobile navigation list.
--qp-menu-mobile-list-width
Choose the maximum usable width of the mobile Menu surface.
--qp-menu-mobile-toggle-icon-size
Choose the visual scale of the mobile Menu toggle glyph.
--qp-menu-mobile-toggle-size
Choose the physical size of the mobile Menu toggle control.
--qp-menu-nested-gap
Choose the separation between entries in a nested navigation hierarchy.
--qp-menu-submenu-toggle-size
Choose the physical size of submenu disclosure controls.