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.