An academic theme for Vivliostyle.
In vivliostyle.config.js
:
module.exports = {
theme: '@vivliostyle/theme-academic',
};
:root {
/**
* Max width/height of figure img
*/
--vs-theme--figure-img-max-height: 8cm;
--vs-theme--figure-img-max-width: 10cm;
/**
* Styles for frame elements
*/
--vs-theme--frame-border: var(--vs-border-width) solid;
--vs-theme--frame-box-decoration-break: slice;
--vs-theme--frame-margin-block: var(--vs-spacing-rlh);
--vs-theme--frame-margin-inline: 0;
--vs-theme--frame-padding: 1rem;
}
.cover
makes a special page that can be used for a document title.
<div class="cover">
<h1>Title of the thesis</h1>
<div class="author">
- John doe
</div>
</div>
## Abstract
......
.frame
can be used for framed elements.
<div class="frame">
(Code blocks, figures or something)
</div>
CC0 1.0