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-itemsitem a.menu-itemslien
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.
-- Log
↧