H1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor

Class margin-b-2xs (adds 8px margin bottom)

Class margin-b-xs (adds 16px margin bottom)

Class margin-b-m (adds 32px margin bottom)

Class margin-b-2m (adds 48px margin bottom)

Class pd-t-3l (makes top padding 96px)

Class pd-b-3l (makes bottom padding 96px)

Class pd-b-t-3l (makes top & bottom padding 96px)

Classes heading-h1 through heading-h5 (makes text the same size as the corresponding heading)

Class text-body-l (makes body text a bit larger)

Class text-body-sm (makes body text a bit smaller)

Class accent-1 (highlights the text using the accent color)

Class accent-2 (highlights the text by applying a background color using the accent color)

To adjust container width go to Manage > Theme Styles > Elements > Container > Max Width

To change variable values you can access the class/variables top left options bar next to the yellow bricks icon or you can access it from the css variable manager from the top right options bar which is the 3rd icon from the left. the css variable manager is reccommended as it gives you more control.

You can adjust, create, and delete your color variables from the color manager which can be found in the top right options bar and it is the 4th icon from the left.

If you plan on using Brixies on the website enable the AT Framework under the AT Main menu which can be found in the top left options bar the AT icon > Styles & CSS > AT Framework
Under Global CSS Variables you can toggle all or select which ones you want to enable for Global Colors, enable AT Framework