On ajoute des classes BEM aux menus et à leurs entrées pour se simplifier la...

On ajoute des classes BEM aux menus et à leurs entrées pour se simplifier la vie (les anciennes classes sont conservées bien sûr).
Ce qui donne le markup suivant :

ul.menu-items
  li.menu-items__item
    a.menu-items__lien

Ajout également d'un indicateur de la profondeur des sous-menus : data-depth="N".
Ainsi plus besoin de se casser la tête lorsqu'on veut cibler un sous-menu à une profondeur particulière, par exemple pour un sous-menu de profondeur 2 :

Avant : .menu-items > .item > .menu-items > .item > .menu-items
Après : menu-items[data-depth="2"]

Il y a juste l'entrée de menu « liste ou arborescence de rubriques et d'articles » pour laquelle la profondeur n'est pas indiquée correctement, là tout de suite je n'ai pas le courage de me plonger dans ce labyrinthe lovecraftien.