Versions Compared

Old Version 2

changes.mady.by.user Martin Drápela

Saved on

compared with

New Version 3

changes.mady.by.user Martin Drápela

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: rm the 404 scss link

...

  1. Create an icon font.
  2. Create a CSS file which references your custom font. See how the  magnolia-icons.scss  CSS file uses the @font-face declaration.
  3. In the CSS file, specify classes for your icons. Use a namespace that will prevent collision with Magnolia's native classes. For example icon-mycompanyname-shop-app instead of icon-shop-app.
  4. Configure a custom Vaadin theme that is different from the default admincentral theme. Your Vaadin theme should include admincentral theme and it needs to compile it. See Using ecustom styles in your Magnolia app.