XF 2 Tip [cXF] Highlight new menu item

[ENXF NET]

ENXF NET submitted a new resource:

[cXF] Highlight new menu item - with an icon

This is a DIY tutorial to achieve this:
View attachment 5343
As you can see you can get an icon that changes on hover only on new items just to highlight them a bit more.

Open you extra.less template and add the code:

/*** Highlight new menu item ***/
.menu-row.menu-row--separated.menu-row--clickable.menu-row--highlighted {
    &:before {
        .m-faBase();
        .m-faContent(@fa-var-dot-circle);
        float: right;
        color: @xf-paletteAccent2;
    }...

Read more about this resource...