electric-book-classic-theme 0.1.0

data/_sass/partials/_web-title-page.scss

@@ -0,0 +1,35 @@
+/*
+ * Title-page 
+ */
+
+.title-page p {
+	text-indent: 0;
+}
+.title-page-title {
+	font-size: 3em;
+	font-weight: 700;
+	margin: 20% 0 0 0;
+	line-height: 100%;
+	text-indent: 0;
+	string-set: book-title content();
+}
+.title-page-subtitle {
+	font-size: 3em;
+	font-weight: 400;
+	margin: 0 0 1em 0;
+	line-height: 100%;
+	text-indent: 0;
+}
+.title-page-author {
+	font-size: 1.5em;
+	margin: 0 0 2em 0;
+	text-indent: 0;
+}
+.title-page-publisher {
+	font-size: 1em;
+	margin: 2em 0;
+	text-indent: 0;
+}
+.title-page-logo {
+	width: 100px;
+}

data/_sass/partials/_web-toc.scss

@@ -0,0 +1,41 @@
+/*
+ * Tables of contents
+ */
+
+.contents-page {
+	h2 {
+		font-weight: 400;
+		font-size: 1.25em;
+		margin: 1em 0 0.5em 0;
+	}
+	ol, ul {
+		list-style-type: none;
+		margin: 0;
+		padding: 0;
+	}
+	li {
+		margin: 0 0 0.5em 0;
+	}
+	a {
+		text-decoration: none;
+	}
+}
+
+/* TOCs in individual pages, created in kramdown with a placeholder ol/ul followed by {:toc} */
+
+ul#markdown-toc, ol#markdown-toc {
+	list-style-type: none;
+	border-top: 1px solid #f2f2f2;
+	border-bottom: 1px solid #f2f2f2;
+	padding: 1em 0;
+	margin: 2em 0;
+}
+#markdown-toc {
+	ol, ul {
+		list-style-type: none;
+		margin: 0;
+	}
+	a {
+		text-decoration: none;
+	}
+}

data/_sass/partials/_web-valedictions.scss

@@ -0,0 +1,9 @@
+// A valediction, the sign-off at the end of a letter
+.valediction {
+	text-indent: 0;
+	margin: 1em 0;
+	font-style: italic;
+}
+.valediction + p {
+	text-indent: 0; // Paragraphs after a valediction should be flush left
+}

data/_sass/partials/_web-verse.scss

@@ -0,0 +1,138 @@
+/*
+ * Verse, poetry, lyrics
+ */
+
+.verse {
+	text-indent: 0;
+	margin: 1em 0;
+}
+.verse + p {
+	text-indent: 0; /* Paragraphs after verse should be flush left */
+}
+ul.verse {
+	list-style-type: none;
+	padding: 0;
+	margin: 1em 0;
+}
+ul.verse li {
+	text-indent: -2em;
+	margin-left: 2em;
+}
+
+/* Indents for lines of verse. In markdown, add {:.indent-x} to the start of the list item text, e.g. -	{:.indent-3}My line of poetry indented 3em */
+ul.verse li.indent-1 { margin-left: 3em; }
+ul.verse li.indent-2 { margin-left: 4em; }
+ul.verse li.indent-3 { margin-left: 5em; }
+ul.verse li.indent-4 { margin-left: 6em; }
+ul.verse li.indent-5 { margin-left: 7em; }
+ul.verse li.indent-6 { margin-left: 8em; }
+ul.verse li.indent-7 { margin-left: 9em; }
+ul.verse li.indent-8 { margin-left: 10em; }
+ul.verse li.indent-9 { margin-left: 11em; }
+ul.verse li.indent-10 { margin-left: 12em; }
+ul.verse li.indent-11 { margin-left: 13em; }
+ul.verse li.indent-12 { margin-left: 14em; }
+ul.verse li.indent-13 { margin-left: 15em; }
+ul.verse li.indent-14 { margin-left: 16em; }
+ul.verse li.indent-15 { margin-left: 17em; }
+ul.verse li.indent-16 { margin-left: 18em; }
+ul.verse li.indent-17 { margin-left: 19em; }
+ul.verse li.indent-18 { margin-left: 20em; }
+ul.verse li.indent-19 { margin-left: 21em; }
+ul.verse li.indent-20 { margin-left: 22em; }
+ul.verse li.indent-21 { margin-left: 23em; }
+ul.verse li.indent-22 { margin-left: 24em; }
+ul.verse li.indent-23 { margin-left: 25em; }
+ul.verse li.indent-24 { margin-left: 26em; }
+ul.verse li.indent-25 { margin-left: 27em; }
+ul.verse li.indent-26 { margin-left: 28em; }
+ul.verse li.indent-27 { margin-left: 29em; }
+ul.verse li.indent-28 { margin-left: 30em; }
+ul.verse li.indent-29 { margin-left: 31em; }
+ul.verse li.indent-30 { margin-left: 32em; }
+ul.verse li.indent-31 { margin-left: 33em; }
+ul.verse li.indent-32 { margin-left: 34em; }
+ul.verse li.indent-33 { margin-left: 35em; }
+ul.verse li.indent-34 { margin-left: 36em; }
+ul.verse li.indent-35 { margin-left: 37em; }
+ul.verse li.indent-36 { margin-left: 38em; }
+ul.verse li.indent-37 { margin-left: 39em; }
+ul.verse li.indent-38 { margin-left: 40em; }
+ul.verse li.indent-39 { margin-left: 41em; }
+ul.verse li.indent-40 { margin-left: 42em; }
+ul.verse li.indent-41 { margin-left: 43em; }
+ul.verse li.indent-42 { margin-left: 44em; }
+ul.verse li.indent-43 { margin-left: 45em; }
+ul.verse li.indent-44 { margin-left: 46em; }
+ul.verse li.indent-45 { margin-left: 47em; }
+ul.verse li.indent-46 { margin-left: 48em; }
+ul.verse li.indent-47 { margin-left: 49em; }
+ul.verse li.indent-48 { margin-left: 50em; }
+ul.verse li.indent-49 { margin-left: 51em; }
+ul.verse li.indent-50 { margin-left: 52em; }
+ul.verse li.indent-51 { margin-left: 53em; }
+ul.verse li.indent-52 { margin-left: 54em; }
+ul.verse li.indent-53 { margin-left: 55em; }
+ul.verse li.indent-54 { margin-left: 56em; }
+ul.verse li.indent-55 { margin-left: 57em; }
+ul.verse li.indent-56 { margin-left: 58em; }
+ul.verse li.indent-57 { margin-left: 59em; }
+ul.verse li.indent-58 { margin-left: 60em; }
+ul.verse li.indent-59 { margin-left: 61em; }
+ul.verse li.indent-60 { margin-left: 62em; }
+
+/* Verse in a blockquote centres on its longest line, which is best-practice poetry layout */
+blockquote.verse {
+	color: inherit;
+	margin-top: 0;
+	width: 100%;
+    padding: 0;
+}
+blockquote.verse h1, 
+blockquote.verse h2,
+blockquote.verse h3, 
+blockquote.verse h4,
+blockquote.verse h5, 
+blockquote.verse h6 {
+	margin-bottom: 1em;
+}
+blockquote.verse ul {
+	margin-bottom: 0; /* Already gets its space after from ul.verse */
+}
+
+// We originally included this to center poems on their longest line. But on small screens it's unnecessary.
+// blockquote.verse {
+//     text-align: center;
+// }
+// blockquote.verse ul.verse {
+//     text-align: left;
+//     display: inline-block;
+//     min-width: 51%; // Ensures verses with short lines don't end up floating side by side
+// }
+
+/* If verse is in a list, we can preserve line breaks and white space */
+ul.verse li {
+	white-space: pre-wrap;
+}
+ul.verse li h1,
+ul.verse li h2,
+ul.verse li h3,
+ul.verse li h4,
+ul.verse li h5,
+ul.verse li h6 {
+	display: inline; /* To avoid pre-wrap line breaks inside the li */
+}
+ul.verse li h1 { margin-left: -1.75em; } /* Overrides indent applied to .verse li */
+ul.verse li h2 { margin-left: -2.25em; } /* Overrides indent applied to .verse li */
+ul.verse li h3 { margin-left: -3em; } /* Overrides indent applied to .verse li */
+ul.verse li h4 { margin-left: -3.5em; } /* Overrides indent applied to .verse li */
+ul.verse li h5 { margin-left: -4.25em; } /* Overrides indent applied to .verse li */
+ul.verse li h6 { margin-left: -5em; } /* Overrides indent applied to .verse li */
+
+// If a line is blank it's an empty list item. That will collapse away by default, so we add blank line back in.
+ul.verse li:empty {
+    line-height: 100%; // On screens, this keeps line heights consistent. Don't use this in print where baseline grid is important.
+}
+ul.verse li:empty:after {
+	content: " ";
+}

data/_sass/partials/_web-video.scss

@@ -0,0 +1,24 @@
+/*
+ * Video
+ */
+
+.videowrapper {
+    float: none;
+    clear: both;
+    width: 100%;
+    position: relative;
+    padding-bottom: 56.25%;
+    padding-top: 25px;
+    height: 0;
+	margin: 1em 0;
+}
+.videowrapper iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+.videowrapper + p {
+	text-indent: 0; /* Don't indent a paragraph after a video. */
+}

data/_sass/partials/_web-wrappers.scss

@@ -0,0 +1,14 @@
+/* 
+ * Structure 
+ */
+
+body {
+	margin: 0;
+	padding: 0;
+}
+#wrapper{
+	clear: both;
+	max-width: 40em;
+	margin: auto;
+	padding: 0 0.3em 0 0.3em;
+}

data/_sass/print-pdf.scss

@@ -0,0 +1,194 @@
+// WHAT IS THIS?
+// This is typography for the Electric Book Classic theme (http://electricbook.io).
+// It is built with Sass. (See http://sass-lang.com, and http://jekyllrb.com/docs/assets for how Jekyll implements Sass.)
+// Jekyll will compile the finished CSS for your books in _site/_themes/classic/css.
+// 
+// HOW TO USE IT
+//
+// Edit the default variables below.
+// Comment/uncomment or add font imports below.
+// Add your own custom CSS at the bottom.
+
+// First, let's set character encoding. Don't change this.
+@charset "utf-8";
+
+// -------------
+// Set variables
+// -------------
+
+// Edition suffix: identifies this edition in page-fitting classes (in _print-fitting.scss).
+// For instance, a .tighten class in HTML might apply to your bookshop edition, but not the schools edition.
+// A suffix '-schools-edn' would mean only tags with that suffix would apply to that edition, e.g. {:.tighten-schools-edn}
+// If you're only planning one edition and use default tags ({:.tighten} not {:.tighten-schools-edn}), leave as null.
+$edition-suffix: null !default;
+
+// First, we set several variables related to overall page setup.
+$page-size: 129mm 198mm !default; // Width, then height. 129×198 is B-format (Lightning Source compatible)
+$margin-top: 15mm !default;
+$margin-bottom: 20mm !default;
+$margin-outside: 13mm !default;
+$margin-inside: 19mm !default;
+$bleed: 3mm !default;
+$trim: 3mm !default;
+$crop-marks: crop !default; // crop | none
+
+// PDF file setup options
+$black-ink: true !default; // true or rich (true for pure black or rich for rich black)
+
+// We name font variables for two categories:
+// - 'text' fonts are used for body text and some page features;
+// - 'display' fonts are used for headings and similar short-string features.
+// For each category, we set a main font and a secondary font, allowing up to four fonts.
+// Finally, we set a fifth, monospace font for elements like computer code.
+$font-text-main: "Crimson", serif !default;
+$font-text-secondary: "Source Sans Pro", sans-serif !default;
+$font-display-main: "Source Sans Pro", sans-serif !default;
+$font-display-secondary: "Crimson", serif !default;
+$font-code: "Inconsolata", monospace !default;
+
+// Finally, we set variables related to text flow.
+$font-size-default: 11pt !default;
+$line-height-default: 15pt !default; // Set in points. For consistent baselines, all other line heights and vertical spaces are based on this.
+$text-align: left !default;
+$orphans: 1 !default; // Minimum number of lines that must be left at the bottom of the first page
+$widows: 1 !default; // Minimum number of lines that must be left at the top of the second page
+$letter-spacing-text: 0em !default; // Default letter-spacing for p, ul, ol, dl. Set in ems, e.g. 0.01em for 10/1000s of an em.
+
+// Hyphenation
+// Variables here apply to p, ul, ol, dl
+$hyphenation: auto !default; // Can be auto, none, or manual (only breaks on hyphens and soft hyphens)
+$hyphenation-dictionary: "" !default; // File name of dictionary in css/dictionaries. Overrides PrinceXML built-in hyphenation.
+$hyphenate-after: 3 !default; /* Minimum letters on new line after hyphen */
+$hyphenate-before: 3 !default; /* Minimum letters at end of line before hyphen */
+$hyphenate-lines: 1 !default; /* Maximum number of consecutive lines ending with hyphens */
+
+// Should chapters start on a right-hand page (recto) or on any page?
+// This setting applies to the frontmatter, dedication-page, epigraph-page and chapter page styles.
+// (The halftitle-page, title-page and contents-page page styles always start on a recto.)
+$start-on: right !default; // right or auto or left ()
+
+// Set the default start-depth of pages.
+// This is the distance from the top of the page to the first element on the first page.
+// Set it in multiples of $line-height-default to preserve your baseline grid.
+$start-depth: $line-height-default * 6 !default;
+
+// Style of page numbers on frontmatter pages
+// Remember to tag links to front matter pages in your TOC with {:.frontmatter-reference}
+$frontmatter-reference-style: lower-roman !default; // lower-roman, decimal, see http://www.princexml.com/doc/gen-content/#idp54010640
+
+// Set the content of headers and footers.
+//
+// For no content: normal
+// For a page number: counter(page)
+// For the last h1 (increment to h2, h3, h4, h5, h6 as needed): string(h1-text, last)
+// Instead of last (last on page) you can also use first (first on page) or start (string set on previous page).
+// For the title attribute of the last h1 (increment to h2, h3, h4, h5, h6 as needed): string(h1-title, last)
+// (Note: if you use title attributes, you must add them for every heading at the heading-level you choose.)
+// For the book title, subtitle or author set with .title-page-title, .title-page-subtitle and .title-page-author: book-title, book-subtitle, book-author
+// For a phrase: "Any phrase in quotes"
+// For an em space: "\2003"
+// For other special characters, see CSS (ISO) at https://brajeshwar.github.io/entities/
+
+// Verso (left-hand-page)
+$verso-top: string(h1-text, last) !default;
+$verso-top-left: normal !default;
+$verso-top-right: normal !default;
+$verso-top-left-corner: normal !default;
+$verso-top-right-corner: normal !default;
+$verso-bottom: counter(page) !default;
+$verso-bottom-left: normal !default;
+$verso-bottom-right: normal !default;
+$verso-bottom-left-corner: normal !default;
+$verso-bottom-right-corner: normal !default;
+
+// Recto (right-hand-page)
+$recto-top: string(h2-text, last) !default;
+$recto-top-left: normal !default;
+$recto-top-right: normal !default;
+$recto-top-left-corner: normal !default;
+$recto-top-right-corner: normal !default;
+$recto-bottom: counter(page) !default;
+$recto-bottom-left: normal !default;
+$recto-bottom-right: normal !default;
+$recto-bottom-left-corner: normal !default;
+$recto-bottom-right-corner: normal !default;
+
+// Verso (left-hand-page) for .frontmatter pages (`style: frontmatter`)
+$verso-top-frontmatter: normal !default;
+$verso-top-left-frontmatter: normal !default;
+$verso-top-right-frontmatter: normal !default;
+$verso-top-left-corner-frontmatter: normal !default;
+$verso-top-right-corner-frontmatter: normal !default;
+$verso-bottom-frontmatter: counter(page, $frontmatter-reference-style) !default;
+$verso-bottom-left-frontmatter: normal !default;
+$verso-bottom-right-frontmatter: normal !default;
+$verso-bottom-left-corner-frontmatter: normal !default;
+$verso-bottom-right-corner-frontmatter: normal !default;
+
+// Recto (right-hand-page) for .frontmatter pages (`style: frontmatter`)
+$recto-top-frontmatter: normal !default;
+$recto-top-left-frontmatter: normal !default;
+$recto-top-right-frontmatter: normal !default;
+$recto-top-left-corner-frontmatter: normal !default;
+$recto-top-right-corner-frontmatter: normal !default;
+$recto-bottom-frontmatter: counter(page, $frontmatter-reference-style) !default;
+$recto-bottom-left-frontmatter: normal !default;
+$recto-bottom-right-frontmatter: normal !default;
+$recto-bottom-left-corner-frontmatter: normal !default;
+$recto-bottom-right-corner-frontmatter: normal !default;
+
+// Special highlights for temporary debugging/viewing:
+// Specify a colour for highlighting; use 'inherit' for none.
+$highlight-tightened: inherit !default;
+$highlight-loosened: inherit !default;
+
+// ---------------------
+// Import theme partials
+// ---------------------
+
+@import "partials/hide-footer";
+@import "partials/hide-nav-bar";
+
+// --------------------------------------------
+// Page setup and control, avoid changing these
+// --------------------------------------------
+
+@import "partials/print-pdf-view"; // Sets the default initial view on PDFs
+@import "partials/print-page-setup"; // Sets up the page from your variables
+@import "partials/print-page-break-tools"; // Provides classes for semantic page breaks
+@import "partials/print-hide-non-printing"; // Hides anything .non-printing
+@import "partials/print-hide-video"; // Hides video from print output
+@import "partials/print-fitting"; // Classes for floating, tracking, shrinking, etc.
+@import "partials/print-hyphenation"; // Sets hyphenation dictionary
+
+// ---------------------
+// Classic-theme modules
+// ---------------------
+
+@import "partials/print-start-on-recto-or-verso"; // Starts chapters on a left- or right-hand-page
+@import "partials/print-page-start-depth"; // Sets a top margin on opening pages
+@import "partials/print-base-typography"; // Default typography for HTML elements
+@import "partials/print-verse"; // Default typography for verse, poetry, lyrics
+@import "partials/print-bibliographies";
+@import "partials/print-epigraphs"; // 
+@import "partials/print-dedications"; // 
+@import "partials/print-definition-lists"; // Including .glossary
+@import "partials/print-pullquotes"; // Supports .pullquote
+@import "partials/print-boxes"; // 
+@import "partials/print-code"; // For computer code and preformatted text
+@import "partials/print-tables"; // 
+@import "partials/print-figures"; // 
+@import "partials/print-notes"; // Footnotes, endnotes, sidenotes
+@import "partials/print-title-pages"; // Half-title and title pages
+@import "partials/print-copyright-page"; // 
+@import "partials/print-toc"; // Tables of contents
+@import "partials/print-front-cover"; // Front-cover image for PDF ebooks
+@import "partials/print-smallcaps"; // 
+@import "partials/print-maths"; // 
+@import "partials/print-valedictions"; // 
+@import "partials/print-quotations"; // 
+@import "partials/print-openers"; // 
+@import "partials/print-index"; // 
+@import "partials/print-reset-sequences"; // Resets p indents, margins after other elements. Must be last @import in list.
+@import "partials/print-page-headers-footers-content"; // Sets content for headers and footers
+@import "partials/print-page-headers-footers-style"; // Sets styling for headers and footers