Nav nested has lost its previous styles

[marcoscv-work]

The styles are defined here:
https://lexicondesign.io/docs/patterns/Navigation/verticalNav.html

Currently and from Clay beta 4 it looks:

There is an issue in Liferay portal:
https://issues.liferay.com/browse/LPS-76907

[pat270]

Hey @marcoscv-work,
Bootstrap 4 removed active styling from base navs (http://getbootstrap.com/docs/4.0/components/navs/#base-nav). Nav Nested is now a base component for creating nested navigations. We will need to add colors and active styles to the compatibility layer.

Lexicon 2 also reworked the pattern so that it collapses in mobile (https://lexicondesign.io/docs/patterns/Navigation/verticalNav.html). I ended up creating a menubar component (http://pat270.github.io/lexicon/content/menu-bar-vertical/) to make it happen. There's only one type right now where it collapses at 767px. If we need one that doesn't collapse I can add one, I just didn't see the pattern in any of the Lexicon documents.

[jbalsas]

I assume this is also the problem showed in https://issues.liferay.com/browse/LPS-76907 where we're likely better off updating the markup.

Could either of you take a look?

[marcoscv-work]

Hey guys,

Lexicon guys have reviewed the component and they think is correct, so we would only need to create the clay component, add this nested navigation component to claycss.com and update it in portal.

Thanks @pat270 !

/cc @victorvalle