Update mobile nav to match new design

[pedoch]

Done

• Update the style of the navigation on smaller screens to match the new designs on figma.

QA

• Open the examples page
• Select any of the navigation variants/examples under the components column.
• Compare with the figma designs

Issues

• WD-2615

Check if PR is ready for release

If this PR contains Vanilla SCSS code changes, it should contain the following changes to make sure it's ready for the release:

• PR should have one of the following labels to automatically categorise it in release notes:
  • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
• Vanilla version in package.json should be updated relative to the most recent release, following semver convention:
  • if CSS class names are not changed it can be bugfix relesase (x.x.X)
  • if CSS class names are changed/added/removed it should be minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) should be listed on the what's new page.

[webteam-app]

Demo starting at https://vanilla-framework-4706.demos.haus

[bartaz]

Couple small comments.

[pedoch]

@bartaz should be good to go now.

[bartaz]

To fix the bundle size test just increase it, I guess make it 350000 to have some buffer:

vanilla-framework/tests/parker.js

Line 15 in ec5615a

threshold: 320000,

[bartaz]

LGTM, thanks!