@gravityforms/gulp-tasks
Version:
Configurable Gulp tasks for use in Gravity Forms projects.
32 lines (31 loc) • 1.14 kB
JavaScript
const navLeftItems = require( './nav-left-items' );
const navRightItems = require( './nav-right-items' );
const menusItems = require( './menu-items' );
module.exports = function( {
menuItems = [],
menuLogo = '<a href="./index.html"><span class="gform-gravity-logo"></span></a>',
} ) {
return ( `
<div class="mobile-menu-icon-container">
<button class="icon-button" id="mobile-menu" data-isopen="false" aria-label="menu">
<svg>
<use xlink:href="#menu-icon"></use>
</svg>
</button>
</div>
<div id="mobile-sidebar" class="mobile-sidebar-container">
<div class="mobile-sidebar-wrapper">
${ menuLogo }
<div class="mobile-nav-links">
${ navLeftItems() }
</div>
<div class="mobile-sidebar-items-c">
${ menusItems( { menuItems } ) }
</div>
<div class="mobile-navbar-actions">
${ navRightItems() }
</div>
</div>
</div>
` );
};