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.
On remplace donc par un #ENV{class} a toute fin utile et l'insertion de la constante _MENUS_EXTRA_CLASS (par defaut non definie, donc on n'insere aucune classe) et qui sera definie par les framework qui ont besoin d'une classe specifique a cet endroit (plugin Bootstrap par exemple) ou dans un mes_options.php avec par exemple :
define('_MENUS_EXTRA_CLASS','nav');
rastapopoulos@spip.org