Create your own Design System with WorkWithPlus - Part 5

In this part, we will focus on customizing the application menu. Define and customize the following classes:

Class slimmenu.MegaMenu LI A

DesignImg30

Class slimmenu.MegaMenu LI.open>A

DesignImg31

Tip: you can use Google Chrome Developer's Tools in order to inspect Levi's site and visualize the CSS properties applied. For example, we have created the slimmenu.MegaMenu LI.open>A class by copying its properties from the following class:

DesignImg32

Run the application to visualize the changes at runtime:

DesignImg33

You can download the xpz for this part from: Part 5