Padding-bottom when .long is split
Two issues here:
- Pagedjs overwrites
.long[data-split-to] { padding-bottom: calc(var(--baseline)*4); }
- When applied directly in the web console or with the dreaded
!important
tag, the padding doesn't work as expected, it renders outsides of the page
Without padding (border at the bottom is added for visual context but is not included in the original code)
With padding, the block in overflowing
box-sizing: border-box;
is already set