Body properties - ariel-fer/Araena GitHub Wiki

This is the first tag to be defined. It will set the default behavior for all pages.

  • Body properties must be defined at the "Body (All Pages)" Global tag, shown in pink by webflow
  • Typically, the properties to be defined here are usually the same, but it is important to detect all defined. from the usual ones, we can find:
attribute description

Typography

  • Font family: Must set the font used for normal texts. To use one of the variables defined previously.
  • Weight: Font weight used for normal texts
  • Font Size: Font size used on normal texts. size-text-m must be used.
  • Line Height: Line height used for normal texts. To use one of the variables defined.
  • Color: Font color used on normal texts. color-main-primary must be used.

Background

  • Color: Background color used on the website. color-main-secondary must be used.

Position

  • Display: flex vertical. This will position all divs added below in a vertical order.
  • Margin: 0px auto. This will always center the whole website in the vertical axis. it will not affect if there is no max-width defined. usually visible in widescreen sizes.

image.png

⚠️ **GitHub.com Fallback** ⚠️