Handels the max width of a page. Sets a max width and centers itself.

Used css variables:

  • --hylo-page-max-width the max width, default 1500px (global measurements design token)
  • --hylo-page-padding the horizontal padding of the content (global spacing design token)

Properties

Properties

left: string

Comma separated string of breakpoints. Defines for which view size only the left side's margin is defined. Can be used in conjunction with "right". If "left" and "right" is not used, no actual margin is defined but the content is centered by "position" and "translation".

A hylo-breakpoint-listener component has to be present.

right: string

Comma separated string of breakpoints. Defines for which view size only the right side's margin is defined. Can be used in conjunction with "left". If "left" and "right" is not used, no actual margin is defined but the content is centered by "position" and "translation".

A hylo-breakpoint-listener component has to be present.

Generated using TypeDoc