How to use and modify Stylify CSS components

When you want to use some component do the following:
  1. Copy&Paste component HTML. If you use the components approach, don't forget to copy their definition within the comments. Copy this definition exactly as is into a comment, if you plan to use it in one file or want the whole definition at one place and not in a global config. Otherwise copy the content between stylify-components tags into the Compiler config. Don't forget to copy script tag, if the compoenent has any.
  2. Adjust it to your needs: Change font-size, padding, width, height... Variables like $color can be removed/modified, etc.
  3. Check if you have copied everything necessary. Scripts, Components definition.
In case you don't have any color palette yet, you might want to check out the guide for Material Theme Builder.