Applies negative margin to allow content to bleed out into the surrounding layout.

Examples

  </.bleed>

See

• https://polaris.shopify.com/components/layout-and-structure/bleed
• https://github.com/Shopify/polaris/blob/main/polaris-react/src/components/Bleed/Bleed.tsx

Attributes

• margin_inline (:list) - Negative horizontal space around children.Examples include [xs: "500"].
• margin_block (:list) - Negative vertical space around children.Examples include [xs: "500"].
• margin_block_start (:list) - Negative top space around children.Examples include [xs: "500"].
• margin_block_end (:list) - Negative bottom space around children.Examples include [xs: "500"].
• margin_inline_start (:list) - Negative left space around children.Examples include [xs: "500"].
• margin_inline_end (:list) - Negative right space around children.Examples include [xs: "500"].
• style (:string) - Style attribute.
• display (:string) - Style attribute.
• margin (:string) - Style attribute.
• max_height (:string) - Style attribute.
• min_height (:string) - Style attribute.
• object_fit (:string) - Style attribute.
• flex_grow (:string) - Style attribute.
• justify_content (:string) - Style attribute.
• grid_auto_rows (:string) - Style attribute.
• grid_template_columns (:string) - Style attribute.
• grid_template_rows (:string) - Style attribute.
• align_items (:string) - Style attribute.
• align_self (:string) - Style attribute.

Slots

• inner_block

Build Style elements