Rich text

A catch all for all content types. Can contain headings, paragraphs, images, bullets.
---
block:
  _bookshop_name: elements/rich-text
  markdown: |-
    ## This is all one markdown block 

     Including this paragraph with **bold** and *italic* text.
  align: null
  decoration: null
  size: null
  margin:
    top: null
    bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}

Properties

decorationenum

Text decoration style.

none
glow

alignenum

The text alignment.

start
center
end

sizeenum

The font size of the text. Note, only applied to paragraphs and lists.

xs
s
m
l
xl
2xl
3xl
4xl
5xl
6xl

marginobject

The margin around the text.

topenum

The top margin size.

none
xs
s
m
l
xl
2xl

bottomenum

The bottom margin size.

none
xs
s
m
l
xl
2xl

Examples

Margin

---
blocks:
  - _bookshop_name: elements/rich-text
    markdown: 2XL bottom margin
    align: null
    decoration: null
    size: null
    margin:
      top: null
      bottom: 2xl
  - _bookshop_name: elements/rich-text
    markdown: No Margin
    align: null
    decoration: null
    size: null
    margin:
      top: none
      bottom: none
  - _bookshop_name: elements/rich-text
    markdown: M Bottom Margin
    align: null
    decoration: null
    size: null
    margin:
      top: none
      bottom: m
  - _bookshop_name: elements/rich-text
    markdown: Normal content
    align: null
    glow: null
    size: null
    margin:
      top: null
      bottom: null
---
{% for block in blocks %}
  {% bookshop "{{block._bookshop_name}}" bind: block %}
{% endfor %}

Alignment

---
blocks:
  - _bookshop_name: elements/rich-text
    markdown: Start
    align: start
    decoration: null
    size: null
    margin:
      top: null
      bottom: null
  - _bookshop_name: elements/rich-text
    markdown: Center
    align: center
    decoration: null
    size: null
    margin:
      top: null
      bottom: null
  - _bookshop_name: elements/rich-text
    markdown: End
    align: end
    decoration: null
    size: null
    margin:
      top: null
      bottom: null
---
{% for block in blocks %}
  {% bookshop "{{block._bookshop_name}}" bind: block %}
{% endfor %}

Glow

---
blocks:
  - _bookshop_name: layouts/section
    label: null
    shape:
      type: null
      size: null
      reverse: null
    margin:
      top: null
      bottom: null
    border:
      border_width: null
      border_type: null
      border_color: null
    padding:
      vertical: m
      horizontal: m
    background:
      scheme: null
      shadow: null
      color: highlight
      transforms:
        scale: null
        scale_x: null
        scale_y: null
        rotate: null
        skew_x: null
        skew_y: null
        translate_x: null
        translate_y: null
        blur: null
        opacity: null
      image:
        src: null
        alt: null
        style:
          opacity: 1
          rounded: null
        background:
          enabled: false
          horizontal_position: right
          vertical_position: center
          repeat: false
          fixed: null
    content_blocks:
      - _bookshop_name: elements/rich-text
        markdown: |-
          # Glow on Heading 

           Glow on paragraph.
        align: null
        decoration: glow
        size: null
        margin:
          top: null
          bottom: null
  - _bookshop_name: layouts/section
    label: null
    shape:
      type: null
      size: null
      reverse: null
    margin:
      top: null
      bottom: null
    border:
      border_width: null
      border_type: null
      border_color: null
    padding:
      vertical: m
      horizontal: m
    background:
      scheme: opposite
      shadow: null
      color: highlight
      transforms:
        scale: null
        scale_x: null
        scale_y: null
        rotate: null
        skew_x: null
        skew_y: null
        translate_x: null
        translate_y: null
        blur: null
        opacity: null
      image:
        src: null
        alt: null
        style:
          opacity: 1
          rounded: null
        background:
          enabled: false
          horizontal_position: right
          vertical_position: center
          repeat: false
          fixed: null
    content_blocks:
      - _bookshop_name: elements/rich-text
        markdown: |-
          # Glow on opposite.

           Glow on paragraph.
        align: null
        decoration: glow
        size: null
        margin:
          top: null
          bottom: null
---
{% for block in blocks %}
  {% bookshop "{{block._bookshop_name}}" bind: block %}
{% endfor %}