Как создать слайд полного размера, растянутый на три столбца в Marp/Marpit ⇐ CSS

[Anonymous]

Я использую marp/marpit для создания слайдов. Моя цель — создать слайд с тремя вертикальными столбцами. У меня есть один файл CSS, который я использую на странице HTML, а также в marp. В веб-браузере HTML-страница расширяется на всю страницу. Но в программе просмотра PDF (файл, созданный marp) слайд имеет границы слева/справа сверху/снизу.
Файлы, которые я использую:
page.html

Код: Выделить всё

Left column

Middle column

Right column

custom-theme.css

Код: Выделить всё

/* custom-theme.css */
/* @theme custom-theme */

@import 'default';

body, html {
width: 100%;
height: 100%;
margin: 0;
}

.container {
width: 100%;
height: 100%;
}

.leftpane {
width: 33%;
height: 100%;
float: left;
background-color: rosybrown;
border-collapse: collapse;
}

.middlepane {
width: 34%;
height: 100%;
float: left;
background-color: royalblue;
border-collapse: collapse;
}

.rightpane {
width: 33%;
height: 100%;
position: relative;
float: right;
background-color: yellow;
border-collapse: collapse;
}

/* .toppane {
width: 100%;
height: 100px;
border-collapse: collapse;
background-color: #4da6ff;
} */

Код: Выделить всё

---
marp: true
theme: custom-theme

---

**slide.md**




Left column

Middle column

Right column

Код, который я использую для создания PDF:

Код: Выделить всё

marp --html --bespoke.progress --allow-local-files --theme-set custom-theme.css --pdf -- slide.md -o slide.pdf

CSS используется в HTML и отображается в браузере
[img]https://user-images.githubusercontent. com/12486963/138573026-04fac5ec-be6f-4e2f-8b47-52997de5ce00.png[/img]

PDF-файл, созданный marp


Как можно Я растягиваю столбцы до полного размера слайда в PDF?
PS: почему шрифт имеет разный размер и цвет?
Спасибо

Подробнее здесь: https://stackoverflow.com/questions/696 ... arp-marpit