There are different types of helper classes used in Matrix Themes:
Local - used directly in the Widget/HTML module to customize the styles of your widgets.
Global - can be found in two places: directly in the HTML folder to define the global styles of a custom template or inside the Advanced Style Editor.
The local helper classes are used in Widget/HTML and applied directly to our elements displayed in content or footer sections.
05. text size and font weight
07. display desktop or mobile only
13. mobile text size for inline styles
The classes used only in HTML folder (design> custom template> html) and defines the global section styles.
With the body classes you can change the global styles of a specific page ( Settings> Edit Head> Select a page)
The template configurations have the same functions as the body classes but applied for the whole website.
For example, with body class no-hero you can hide the hero image from a specific page while the same class used directly in HTML ( Design> Custom Template>
HTML) will remove the hero image from the whole website.
The classes available as Matrix variables and can be used only inside the Columns module