Style

A blank Style module in the Layout Editor

Overview

The Style module is a blank slate module that can be used as a parent module for applying consistent styling to its children.

Style Properties

Orientation Dropdown Sets how children of a Style module are oriented. The following options can be used:

• horizontal

• vertical

Enable Auto Layout Checkbox - enabled or disabled

Background Image String, url Defines a background image. This property accepts a URL of an image.

Background Color String - Valid color string (white) or hex code (#FFFFF) Defines a background color.

Background Repeat String, css property Sets how background images are repeated. Options include:

• repeat-x

• repeat-y

• repeat

• space

• round

• no-repeat

Background Attachment String, css property Sets whether the background image position is fixed within the viewport, or scrolls with its containing block.

Background Position String, css property value Defines the position of the background, if one was specified.

Background Size String, css property value Defines the size mode of the background.

Max Height String Defines the max height. This property accepts lengths followed by a relative unit (em, ex, or px) or percentages. Example: 6px or 1em

Min Height String Defines the minimum height. This property accepts lengths followed by a relative unit (em, ex, or px) or percentages. Example: 6px or 1em

Padding String Defines the padding around the edge of the contents of the Style module. This property will only add space around the edge of the content of the Style module, not between children. This property accepts lengths followed by a relative unit (em, ex, or px) or percentages. Example: 500px or 5em

Margin String Defines the margin around the outside of the Style module. This property accepts lengths followed by a relative unit (em, ex, or px) or percentages. Example: 500px or 5em

Style attribute String, css style property input Can apply additional CSS to customize the contents of the Style module.