Bunko

A simple and stylish theme for Vivliostyle.

文庫用のテーマ。

Use

In vivliostyle.config.js:

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

Available theme CSS variables

:root {
  /**
   *  Number of lines per page/Number of characters per line
   */
  --vs-theme-bunko--num-of-line: 15;
  --vs-theme-bunko--num-of-character: 39;
}

The indent of subsection headings and the color of links are the variables of the base theme (the link color applies to screen media only):

:root {
  --vs--heading-text-indent: 3rem;
  --vs--h1-text-indent: 0;
}
@media screen {
  :root {
    --vs--anchor-text-color: darkblue;
  }
}

The running head uses the page variables of the base theme: the page number sits at the outer top corner of every page, and left pages add the document title.

:root {
  --vs-page--mbox-top-outside-content: counter(page);
}
@page :left {
  --vs-page--mbox-top-outside-content: counter(page) '　' env(doc-title);
}

License

CC0 1.0

Original author: Vivliostyle project team