Split
Allows content to be arranged in two columns.
---
block:
_bookshop_name: layouts/split
first:
distribution:
type: percentage
fixed_width: null
percentage_width: half
min_width: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: This is content for the split block
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
last:
distribution:
type: percentage
fixed_width: null
percentage_width: half
min_width: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: This is content for the split block
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
gap: null
reverse: null
position: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Properties
firstobject
distributionobject
typeenum
percentage |
|
fixed |
|
fluid |
fixed_widthnumber
percentage_widthenum
quarter |
|
third |
|
half |
|
two-thirds |
|
three-quarters |
min_widthnumeric
content_blockscomponent array
lastobject
distributionobject
typeenum
percentage |
|
fixed |
|
fluid |
fixed_widthnumber
percentage_widthenum
quarter |
|
third |
|
half |
|
two-thirds |
|
three-quarters |
min_widthnumeric
content_blockscomponent array
optionsobject
Configuration options for the Split
gapenum
none |
|
xs |
|
s |
|
m |
|
l |
|
xl |
|
2xl |
positionenum
top |
|
center |
|
bottom |
|
stretch |
reversecheckbox
Switches first and last columns without having to touch the nested components
marginobject
The spacing above and below the split.
topenum
The spacing above the buttons.
none |
|
xs |
|
s |
|
m |
|
l |
|
xl |
|
2xl |
bottomenum
The spacing below the buttons.
none |
|
xs |
|
s |
|
m |
|
l |
|
xl |
|
2xl |
Examples
Split Types
---
block:
_bookshop_name: layouts/split
first:
distribution:
type: percentage
fixed_width: null
percentage_width: quarter
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: One quarter split
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: accent
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
last:
distribution:
type: percentage
fixed_width: null
percentage_width: three-quarters
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: Three quarter split
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: highlight
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
gap: s
reverse: null
position: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/split
first:
distribution:
type: percentage
fixed_width: null
percentage_width: third
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: One third split
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: accent
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
last:
distribution:
type: percentage
fixed_width: null
percentage_width: two-thirds
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: Two third split
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: highlight
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
gap: s
reverse: null
position: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/split
first:
distribution:
type: percentage
fixed_width: null
percentage_width: half
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: Half split
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: accent
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
last:
distribution:
type: percentage
fixed_width: null
percentage_width: half
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: Half split
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: highlight
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
gap: s
reverse: null
position: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/split
first:
distribution:
type: fixed
fixed_width: 300
percentage_width: null
min_width: null
content_blocks:
- _bookshop_name: layouts/section
link: null
label: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: Fixed side
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: accent
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
last:
distribution:
type: fluid
fixed_width: null
percentage_width: null
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: Fluid side
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: highlight
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
gap: s
reverse: null
position: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
min-width
---
block:
_bookshop_name: layouts/split
first:
distribution:
type: percentage
fixed_width: null
percentage_width: quarter
min_width: 200
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: One quarter split, but won't get smaller than 200px
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: accent
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
last:
distribution:
type: percentage
fixed_width: null
percentage_width: three-quarters
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: Three quarter split
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: highlight
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
gap: s
reverse: null
position: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Gap
---
block:
_bookshop_name: layouts/split
first:
distribution:
type: percentage
fixed_width: null
percentage_width: half
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: Half split with 2xl gap
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: accent
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
last:
distribution:
type: percentage
fixed_width: null
percentage_width: half
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: Half split with 2xl gap
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: highlight
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
gap: 2xl
reverse: null
position: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Position
---
block:
_bookshop_name: layouts/split
first:
distribution:
type: percentage
fixed_width: null
percentage_width: half
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: >-
This side is <br> really <br>really <br>really <br>really <br>
long to show how uneven columns behave.
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: accent
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
last:
distribution:
type: percentage
fixed_width: null
percentage_width: half
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: This side is really short.
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: highlight
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
gap: s
reverse: null
position: top
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/split
first:
distribution:
type: percentage
fixed_width: null
percentage_width: half
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: >-
This side is <br> really <br>really <br>really <br>really <br>
long to show how uneven columns behave.
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: accent
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
last:
distribution:
type: percentage
fixed_width: null
percentage_width: half
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: This side is really short.
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: highlight
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
gap: s
reverse: null
position: center
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/split
first:
distribution:
type: percentage
fixed_width: null
percentage_width: half
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: >-
This side is <br> really <br>really <br>really <br>really <br>
long to show how uneven columns behave.
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: accent
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
last:
distribution:
type: percentage
fixed_width: null
percentage_width: half
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: This side is really short.
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: highlight
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
gap: s
reverse: null
position: stretch
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/split
first:
distribution:
type: percentage
fixed_width: null
percentage_width: half
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: >-
This side is <br> really <br>really <br>really <br>really <br>
long to show how uneven columns behave.
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: accent
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
last:
distribution:
type: percentage
fixed_width: null
percentage_width: half
min_width: null
content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Side B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: none
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: This side is really short.
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: m
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: highlight
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
opacity: null
rounded: null
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
gap: s
reverse: null
position: bottom
---
{% bookshop "{{block._bookshop_name}}" bind: block %}