Mode sidebar + classes

2 choses :

Classes

Prise en compte d'un nouvel attribut data-box-class pour ajouter des classes au conteneur général.

Mode sidebar

Permet de faire des barres d'outils latérales, des navigations, etc.

Comparable au composant offcanvas de Boostrap, dont c'est inspiré.

On active de 2 façons :

• Soit au moyen de l'attribut data-box-sidebar sur le lien ou le bouton déclencheur : <a class="mediabox" data-box-sidebar="end" href="#truc">
• Soit avec l'option sideBar si on ouvre la modale programmatiquement

L'option peut avoir 4 valeurs : start, end, top, bottom

Il y a par défaut des dimensions arbitraires, on peut les forcer en combinant avec data-box-width et cie.

Pour tester vite fait dans le privé :

<a class="mediabox" href="#ouvre_moi" data-box-sidebar="end">Je m'ouvre à droite</a>
<br /><a class="mediabox" href="#ouvre_moi" data-box-sidebar="top">Je m'ouvre en haut</a>

<div class="hidden">
  <div id="ouvre_moi">
    <h3>Je suis une modale</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore disputandum putant. </p>
  </div>
</div>

---

---