Vivliostyle Theme Gutenberg
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