@snippetify/book-reader
Version:
Book reader utilities
70 lines (69 loc) • 1.96 kB
JavaScript
module.exports = {
page: {
reference: {
template: '<small> --{abbr page.no}</small>'
}
},
decorator: {},
style: {
vendor: 'gadsda',
styles: {
reading: {
color: '#343e47',
'font-size': '100%',
'text-align': 'justify',
'font-family': '"proxima-nova-1","proxima-nova-2","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif',
'text-shadow': '0 -1px 1px #fff',
'background-color': '#fff'
},
selection: {
'border-bottom': '2px dotted #999'
},
'note:after': {
color: '#4caf50',
'font-size': '80%'
},
'bookmark:before': {
color: '#ff5722',
'font-size': '80%'
},
reference: {
color: '#ff5722',
'font-size': '70%'
},
'::-moz-selection': {
color: 'red',
background: 'transparent'
},
'::selection': {
color: 'red',
background: 'transparent'
}
}
},
contextMenu: {
items: [
{ name: 'Note', event: 'onNote' },
{ name: 'Bookmark', event: 'onBookmark' },
{ name: 'Highlight', event: 'onHighlight' },
{ name: 'Search', event: 'onSearch' },
{ name: 'Speech', event: 'onSpeech' },
{ name: 'Copy', event: 'onCopy' },
{ name: 'Share', event: 'onShare' },
{ name: 'Compare', event: 'onCompare' }
],
template: `
<div class="context-menu" data-type="context-menu">
<div class="arrow-wrapper active" data-type="arrow-up"><i class="caret-up"></i></div>
<div class="menu-wrapper">
<button data-type="arrow-left"><i class="caret-left"></i></button>
<div class="menu-inner">
<ul></ul>
</div>
<button data-type="arrow-right"><i class="caret-right"></i></button>
</div>
<div class="arrow-wrapper down" data-type="arrow-down"><i class="caret-down"></i></div>
</div>
`
}
}