<% let lorem = 'Sint dolor id qui aliquip id. Do excepteur ex id sit. Culpa non sit adipisicing et eiusmod quis amet ad qui. Nostrud ipsum reprehenderit quis qui officia pariatur laboris Lorem nostrud enim sunt enim. Aliqua magna consequat sint occaecat adipisicing culpa amet velit.' %>

<%- include('./samples/sidemenu.ejs', {modifier: ''}); %>

Navigation latérale de base

<% for (let i = 0; i < 7; i++) { %>

Enim incididunt minim fugiat in dolore nulla minim ea pariatur ullamco.

<%- lorem %>

<% } %>

<%- snippet(include('./samples/sidemenu.ejs', {short:true})); %>

<%- include('./samples/sidemenu.ejs', {modifier: 'sticky'}); %>

Navigation latérale sticky

<% for (let i = 0; i < 7; i++) { %>

Enim incididunt minim fugiat in dolore nulla minim ea pariatur ullamco.

<%- lorem %>

<% } %>

<%- snippet(include('./samples/sidemenu.ejs', {short:true, modifier: 'sticky'})); %>

<%- include('./samples/sidemenu.ejs', {modifier: 'full-height'}); %>

Navigation latérale sticky et sur toute la hauteur

<% for (let i = 0; i < 7; i++) { %>

Enim incididunt minim fugiat in dolore nulla minim ea pariatur ullamco.

<%- lorem %>

<% } %>

<%- snippet(include('./samples/sidemenu.ejs', {short:true, modifier: 'full-height'})); %>

<%- include('./samples/sidemenu.ejs', {modifier: 'full-border'}); %>

Navigation latérale bordure complète

<% for (let i = 0; i < 7; i++) { %>

Enim incididunt minim fugiat in dolore nulla minim ea pariatur ullamco.

<%- lorem %>

<% } %>

<%- snippet(include('./samples/sidemenu.ejs', {short:true, modifier: 'full-border'})); %>

Navigation latérale à droite

<% for (let i = 0; i < 7; i++) { %>

Enim incididunt minim fugiat in dolore nulla minim ea pariatur ullamco.

<%- lorem %>

<% } %>

<%- include('./samples/sidemenu.ejs', {modifier: 'right'}); %>

<%- snippet(include('./samples/sidemenu.ejs', {short:true, modifier: 'right'})); %>