Academic

An academic theme for Vivliostyle.

Use

In vivliostyle.config.js:

module.exports = {
  theme: '@vivliostyle/theme-academic',
};

Available theme CSS variables

:root {
  /**
   *  Styles for frame elements
   */
  --vs-theme-academic--frame-border: var(--vs-border-width) solid;
  --vs-theme-academic--frame-box-decoration-break: slice;
  --vs-theme-academic--frame-margin-block: var(--vs-spacing-rlh);
  --vs-theme-academic--frame-margin-inline: 0;
  --vs-theme-academic--frame-padding: 1rem;
}

The maximum size of figure images is controlled by variables of the base theme:

:root {
  --vs--figure-item-max-size-block: 8cm;
  --vs--figure-item-max-size-inline: 10cm;
}

Cover page

.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 element

.frame can be used for framed elements.

<div class="frame">

(Code blocks, figures or something)

</div>

License

CC0 1.0