@vivliostyle/theme-gutenberg

1.0.1 • Public • Published

Vivliostyle Theme Gutenberg

npm: version npm: total downloads npm: license

book theme for latin font

Use

In vivliostyle.config.js:

module.exports = {
  theme: 'vivliostyle-theme-gutenberg',
};

theme-gutenberg also provides some extra theme files derived from the basic theme.

alice.css

module.exports = {
  theme: {
    specifier: 'vivliostyle-theme-gutenberg',
    import: 'alice.css',
  },
};

fang.css

module.exports = {
  theme: {
    specifier: 'vivliostyle-theme-gutenberg',
    import: 'fang.css',
  },
};

sherlock.css

module.exports = {
  theme: {
    specifier: 'vivliostyle-theme-gutenberg',
    import: 'sherlock.css',
  },
};

Available theme CSS variables

:root {
  /**
   *  Styles for drop caps
   */
  --vs-theme--dropcap-font-size: 1.8em;
  --vs-theme--dropcap-font-weight: var(--vs-font-weight-bold);
  --vs-theme--dropcap-line-height: 1;
  --vs-theme--dropcap-text-indent: 0;
  /**
   *  Styles for page top/bottom contents
   */
  --vs-theme--page-top-content: env(pub-title);
  --vs-theme--page-top-color-body: gray;
  --vs-theme--page-bottom-content: counter(page);
}

License

CC0 1.0

Original author: Vivliostyle project team

Package Sidebar

Install

npm i @vivliostyle/theme-gutenberg

Weekly Downloads

7

Version

1.0.1

License

CC0-1.0

Unpacked Size

2.66 MB

Total Files

90

Last publish

Collaborators

  • mshinyu
  • uetchy
  • akabeko
  • youchan
  • spring-raining
  • johanneswilm
  • yamasy1549