Home header animation :

for the hover animation of the two links in the header title of the home page, here are the instructions:
  • Add the "display-hide" class to the two "home-header-containers".
  • Stylize all your page content to improve accessibility and prevent elements from overlapping in the designer.
  • Modify your images using the banner on the left and by going to the settings for each image.
  • Remove the "display-hide" class from both home-header-containers
  • Publish
Capture d’éc…16.19.18Capture d’éc…16.18.16

SVG's icons

In the style guide you will find utility svg icons
  • The different svg embed sizes of icons present in the style guide are (in terms of classes) : "Icon Embed Xxsmall" ; "Icon Embed Xsmall" ; "Icon Embed Small" ; "Icon Embed Medium" ; "Icon Embed Large" ; "Icon Embed Xlarge"
  • To change the color of an icon, either you can modify the colors of the project by going to the variables in the left panel, or you can add a combo class to these embed icons : "Text Color Secondary" or "Text Color Alternate". You can also create combo classes by yourself.