electric-book-classic-theme 0.1.0

data/_sass/partials/_print-copyright-page.scss

@@ -0,0 +1,23 @@
+/*
+ * Copyright page
+ */
+ 
+.copyright-page {
+	position: absolute;
+	bottom: 0;	
+}
+.copyright-page h1 {
+	font-size: $font-size-default * 0.8;
+	line-height: $line-height-default * 0.8;
+	margin: $line-height-default 0;
+	letter-spacing: 0.025em;
+	font-variant: prince-opentype(c2sc, smcp, onum);
+	text-align: left;
+}
+.copyright-page p, .copyright-page li {
+	margin: 0 0 ($line-height-default * 0.8) 0;
+	text-indent: 0;
+	font-size: $font-size-default * 0.8;
+	line-height: $line-height-default * 0.8;
+	hyphens: none; /* Prince will not hyphenate here */
+}

data/_sass/partials/_print-dedications.scss

@@ -0,0 +1,11 @@
+/* 
+ * Dedications
+ */
+
+p.dedication {
+	text-indent: 0;
+	text-align: center;
+	font-variant: prince-opentype(c2sc, smcp, onum);
+	font-style: inherit;
+	letter-spacing: 0.025em;
+}

data/_sass/partials/_print-definition-lists.scss

@@ -0,0 +1,13 @@
+// Definition lists used in a simple glossary
+// Note dl rules are also defined in base typography
+
+.glossary dl, dl.glossary {
+	color: inherit;
+}
+.glossary dt {
+	float: left;
+	color: inherit;
+}
+.glossary dt:after {
+    content: ":\00a0";
+}

data/_sass/partials/_print-epigraphs.scss

@@ -0,0 +1,24 @@
+// Epigraphs 
+
+p.epigraph {
+	font-style: italic;
+	text-indent: 0;
+	padding: 0 ($line-height-default * 4);
+	max-width: 20em;
+}
+p.epigraph-source {
+	text-indent: 0;
+	padding: 0 ($line-height-default * 4);
+	max-width: 20em;
+	letter-spacing: 0.025em;
+	font-variant: prince-opentype(c2sc, smcp, onum);
+	font-style: inherit;
+	page-break-before: avoid;
+}
+p.epigraph-source:before {
+	content: ""; // E.g. add a — before
+}
+.epigraph-source + p, .dedication + p { /* Paragraphs after epigraphs and dedications should be flush left after space. */
+	text-indent: 0;
+	margin-top: $line-height-default; 
+}

data/_sass/partials/_print-figures.scss

@@ -0,0 +1,97 @@
+// Figures. Note: we use the blockquote element to wrap figures and their captions in valid XHTML. 
+// Use the .figure class for the blockquote wrapping an image and a caption. 
+// Add .fixed, .small and/or .large for layout and size options. 
+
+blockquote.figure {
+	clear: both;
+	float: top; // By default all figures float to the tops of their pages
+	page-break-inside: avoid;
+	background-color: inherit;
+	font-size: inherit;
+	font-weight: inherit;
+	color: inherit;
+	margin: 0 0 $line-height-default 0;
+	padding: 0;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+// Experimental. Effectively overrides 'unless-fit' to reduce ugly instances
+// of indented images in lists beside floated, non-indented images.
+ol li blockquote.figure, ul li blockquote.figure {
+	display: inline-block;
+}
+
+// Fix figures in place, for when they must keep their position in the text flow,
+// and not float to the top of the page.
+.figure.fixed {
+	clear: both;
+	float: none;
+	margin-top: $line-height-default;
+}
+
+// The p (some with child img) elements inside the figure
+.figure p {
+	clear: both;
+	page-break-inside: avoid;
+	page-break-before: avoid;
+	text-align: center;
+	text-indent: 0;
+}
+
+// The image(s) in the figure
+.figure p img {
+	width: auto;
+	max-width: 100%;
+	max-height: 100%; // Prevents image from expanding below a parent p set to a specific height
+	margin: 0 auto 0 auto;
+}
+
+// The caption (always the last paragraph in the figure)
+// Note doesn't allow for multi-para captions – have to use line breaks :(
+.figure p:last-of-type {
+	padding: ($line-height-default / 2) 0 ($line-height-default / 2) 0;
+	margin: 0;
+	text-align: center;
+	text-indent: 0;
+	font-style: italic;
+}
+
+// Emphasis inside the italic caption
+.figure p:last-of-type em {
+	font-style: initial;
+}
+
+// Image size options
+// These need to be deprecated in favour of a multiple-based system.
+.figure.x-small p img {
+	width: auto;
+	max-height: 30mm;
+}
+.figure.small p img {
+	width: auto;
+	max-height: 45mm;
+}
+.figure.medium p img {
+	width: auto;
+	max-height: 65mm;
+}
+.figure.large {
+	float: none;
+	page-break-before: always;
+}
+.figure.large img {
+	max-height: 150mm;
+	max-width: 100%;
+	width: auto;
+}
+
+// Paragraphs that follow figures should:
+// have an indent when following floated figures
+// not have an indent when following fixed figures.
+blockquote.figure + p {
+	text-indent: $line-height-default;
+}
+blockquote.figure.fixed + p {
+	text-indent: 0;
+}

data/_sass/partials/_print-fitting.scss

@@ -0,0 +1,38 @@
+/* Typographic control for fitting text and elements */
+
+// Float an element, like a box, to the top of bottom of a page (print only)
+.float-top#{$edition-suffix} {
+  float: top;
+}
+.float-bottom#{$edition-suffix} {
+  float: bottom;
+}
+.float-top#{$edition-suffix} + p, .float-bottom#{$edition-suffix} + p {
+  text-indent: $line-height-default; // If a paragraph would normally be flush left after an element, but that element is floated away, it should get its indent back.
+}
+ 
+// These classes control letter-spacing (tracking), usually to save widows and orphans.
+@for $i from 1 through 100 {
+  $add-space: $i * 0.001em;
+  .tighten-#{$i}#{$edition-suffix} {
+    letter-spacing: $letter-spacing-text - $add-space;
+    font-style: inherit;
+    background-color: $highlight-tightened;
+  }
+  .loosen-#{$i}#{$edition-suffix} {
+    letter-spacing: $letter-spacing-text + $add-space;
+    font-style: inherit;
+    background-color: $highlight-loosened;
+  }
+}
+
+// These classes set the height of any element relative to the $line-height-default.
+// Especially useful for controlling the height of images to retain a baseline grid.
+// $line-height-default should be set in a non-relative unit, like points,
+// otherwise you'll get exponential differences in height.
+@for $i from 1 through 100 {
+  $height: $i * $line-height-default;
+  .height-#{$i}#{$edition-suffix} {
+    height: $height;
+  }
+}

data/_sass/partials/_print-front-cover.scss

@@ -0,0 +1,26 @@
+// Cover-page styling. Creates a single-page low-res cover for web PDFs.
+@page cover {
+	margin: 0;
+}
+body.cover, div.cover {
+    margin: 0;
+    padding: 0;
+}
+p.cover {
+    margin: 0;
+    padding: 0;
+    text-indent: 0;
+}
+img.cover {
+    height: 100%;
+    width: 100%;
+}
+
+// Add extra verso to retain correct folios
+body.cover {
+    page-break-after: left;
+}
+
+// Also see:
+// _print-page-break-tools.scss
+// _print-start-on-recto-and-verso

data/_sass/partials/_print-hide-non-printing.scss

@@ -0,0 +1,8 @@
+// Hide screen-only and non-printing elements. 
+// By default we add the .non-printing class to screen-only elements like #nav-bar and #footer.
+
+.non-printing, // Anything marked tagged .non-printing
+.sigil_split_marker // Split-markers for epub output with Sigil
+{
+    display: none;
+}

data/_sass/partials/_print-hide-video.scss

@@ -0,0 +1,7 @@
+/*
+ * Video. Use the .videowrapper class around videos to hide them in print.
+ */
+
+.videowrapper {
+    display: none;
+}

data/_sass/partials/_print-hyphenation.scss

@@ -0,0 +1,18 @@
+/* Hyphenation */
+
+// Basic hyphenation variables
+p, ul, ol, dl {
+    hyphens: $hyphenation;
+    hyphenate-after: $hyphenate-after; // Minimum letters on new line after hyphen
+    hyphenate-before: $hyphenate-before; // Minimum letters at end of line before hyphen
+    hyphenate-lines: $hyphenate-lines; // Maximum number of consecutive lines ending with hyphens
+}
+
+// Is a hyphenation dictionary specified?
+// If not, don't use one, and let Prince use its default.
+p, ul, ol, dl {
+    @if $hyphenation-dictionary == "" {}
+    @else {
+        prince-hyphenate-patterns: url("dictionaries/#{$hyphenation-dictionary}");
+    }
+}

data/_sass/partials/_print-index.scss

@@ -0,0 +1,30 @@
+// Index
+.reference-index {
+	columns: 2;
+	font-size: $font-size-default * 0.8;
+}
+.reference-index li {
+	list-style-type: none;
+	margin: 0 0 0 ($line-height-default * 1);
+	text-indent: $line-height-default * (-1);
+	column-break-inside: avoid;
+}
+.reference-index li li {
+	margin: 0 0 0 ($line-height-default / 2);
+}
+.reference-index a {
+	content: target-counter(attr(href), page);
+}
+.reference-index a:after {
+	content: ", ";
+}
+.reference-index a:last-of-type:after {
+	content: "";
+}
+.reference-index .duplicate {
+	display: none;
+}
+a.indexed {
+	color: inherit;
+	text-decoration: none;
+}

data/_sass/partials/_print-maths.scss

@@ -0,0 +1,5 @@
+/* Automatic fractions */
+.fractions { 
+	font-variant: prince-opentype(frac);
+	font-style: inherit;
+}

data/_sass/partials/_print-notes.scss

@@ -0,0 +1,40 @@
+// Footnotes
+
+// kramdown gives footnote references the class .footnote
+// and the div containing the footnotes .footnotes
+// Styling for sup and sub is in base typography
+
+.footnote {
+	line-height: inherit;
+}
+
+.footnotes {
+	margin: ($line-height-default * 2) 0 0 0;
+	font-size: $font-size-default * 0.9;
+	line-height: $line-height-default * 0.9;
+}
+.footnotes p {
+	text-indent: 0;
+}
+.reversefootnote { // The link back to the footnote reference from the footnote text.
+	display: none;
+}
+.sidenote {
+	font-family: $font-text-secondary;
+	clear: both;
+	float: right;
+	max-width: 10em;
+	min-width: 5em;
+	margin: ($line-height-default * 0.5) 0 ($line-height-default * 0.5) ($line-height-default * 2);
+	padding: $line-height-default * 0.5;
+	border-top: 0.5pt solid #eeeeee;
+	text-indent: 0;
+	font-size: $font-size-default * 0.8;
+	font-style: inherit;
+	line-height: $line-height-default * 0.8;
+}
+.bottom {
+	float: bottom;
+	max-width: 100%;
+	margin: $line-height-default 0 0 0;
+}

data/_sass/partials/_print-openers.scss

@@ -0,0 +1,14 @@
+/* 
+ * Classes for openers
+ */
+
+p.first { /* A paragraph that starts a new set of paragraphs, with a gap above it. */
+	text-indent: 0;
+	margin-top: $line-height-default; /* Overridden by later rule for paragraphs after headings, blockquotes, lists and definition lists */
+}
+p.chapter-number {
+	font-weight: bold;
+	font-size: $font-size-default * 4;
+	line-height: $line-height-default * 4;
+	margin: 0 0 $line-height-default 0;
+}

data/_sass/partials/_print-page-break-tools.scss

@@ -0,0 +1,46 @@
+// For a manual page break before an element, apply this class to it
+.page-break-before {
+	page-break-before: always;
+}
+
+// For a manual page break after an element, apply this class to it
+.page-break-after {
+	page-break-after: always;
+}
+
+// To keep an element on the same page as the next element, apply this class
+.keep-with-next {
+	page-break-after: avoid;
+}
+
+// To prevent an element breaking across pages, apply this class
+.keep-together {
+	page-break-inside: avoid;
+}
+// To allow a break where default styles would normally avoid one. Apply the class to the parent element.
+// These are !important because they must override rules that might appear later in generated CSS.
+.allow-break {
+	page-break-before: auto !important;
+	page-break-after: auto !important;
+	page-break-inside: auto !important;
+}
+.allow-break * {
+	page-break-before: inherit !important;
+	page-break-after: inherit !important;
+	page-break-inside: inherit !important;
+}
+
+// To end a section on a left or a right page, apply one of these classes to a block element
+// Specifying left or right might not seem intuitive. 
+// You don't tell the element what side page is supposed to be last.
+// Rather, you're adding an extra page if your last side is specified.
+.end-on-left {
+	page-break-after: right !important;
+}
+.end-on-right {
+	page-break-after: left !important;
+}
+
+// Also see:
+// _print-front-cover.scss
+// _print-start-on-recto-and-verso

data/_sass/partials/_print-page-headers-footers-content.scss

@@ -0,0 +1,236 @@
+// This partial sets page header and footer content.
+// It sets separate content for .frontmatter and .chapter pages.
+
+// Assign strings to use in headers and footers for each level of heading (h1-h6),
+// to be called by the header and footer variables ($verso-top-center etc.).
+// For each heading, we use the title attribute, with the heading text as fallback.
+// h1 also sets the string for h2, in case there is no h2 on the page yet.
+h1 { 
+  string-set: 
+    h1-text content(),
+    h2-text content(),
+    h1-title attr(title),
+    h2-title attr(title);
+}
+h2 {
+  string-set: 
+    h2-text content(), 
+    h2-title attr(title); 
+}
+h3 { 
+  string-set: 
+    h3-text content(), 
+    h3-title attr(title); 
+}
+h4 { 
+  string-set: 
+    h4-text content(), 
+    h4-title attr(title); 
+}
+h5 { 
+  string-set: 
+    h5-text content(), 
+    h5-title attr(title);
+}
+h6 { 
+  string-set: 
+    h6-text content(), 
+    h6-title attr(title); 
+}
+
+// Now we place our content for `.chapter` pages
+
+// Verso
+@page chapter:left {
+  @top {
+    content: $verso-top;
+  }
+  @top-right {
+    content: $verso-top-right;
+  }
+  @top-left {
+    content: $verso-top-left;
+  }
+  @top-right-corner {
+    content: $verso-top-right-corner;
+  }
+  @top-left-corner {
+    content: $verso-top-left-corner;
+  }
+  @bottom {
+    content: $verso-bottom;
+  }
+  @bottom-left {
+    content: $verso-bottom-left;
+  }
+  @bottom-right {
+    content: $verso-bottom-right;
+  }
+  @bottom-left-corner {
+    content: $verso-bottom-left-corner;
+  }
+  @bottom-right-corner {
+    content: $verso-bottom-right-corner;
+  }
+}
+
+// Recto
+@page chapter:right {
+  @top {
+    content: $recto-top;
+  }
+  @top-right {
+    content: $recto-top-right;
+  }
+  @top-left {
+    content: $recto-top-left;
+  }
+  @top-right-corner {
+    content: $recto-top-right-corner;
+  }
+  @top-left-corner {
+    content: $recto-top-left-corner;
+  }
+  @bottom {
+    content: $recto-bottom;
+  }
+  @bottom-left {
+    content: $recto-bottom-left;
+  }
+  @bottom-right {
+    content: $recto-bottom-right;
+  }
+  @bottom-left-corner {
+    content: $recto-bottom-left-corner;
+  }
+  @bottom-right-corner {
+    content: $recto-bottom-right-corner;
+  }
+}
+
+// No headers on first pages of chapters
+.chapter, h1 {
+  prince-page-group: start;
+}
+@page chapter:first {
+  @top { content: normal; }
+  @top-left { content: normal; }
+  @top-right { content: normal; }
+  @top-left-corner { content: normal; }
+  @top-right-corner { content: normal; }
+}
+
+// No headers or footers on blank pages of chapters
+@page chapter:blank {
+  @top { content: normal; }
+  @top-left { content: normal; }
+  @top-right { content: normal; }
+  @top-left-corner { content: normal; }
+  @top-right-corner { content: normal; }
+  @bottom { content: normal; }
+  @bottom-left { content: normal; }
+  @bottom-right { content: normal; }
+  @bottom-left-corner { content: normal; }
+  @bottom-right-corner { content: normal; }
+}
+
+// Now we place our content for `.frontmatter` pages
+
+// Verso
+@page frontmatter:left {
+  @top {
+    content: $verso-top-frontmatter;
+  }
+  @top-right {
+    content: $verso-top-right-frontmatter;
+  }
+  @top-left {
+    content: $verso-top-left-frontmatter;
+  }
+  @top-right-corner {
+    content: $verso-top-right-corner-frontmatter;
+  }
+  @top-left-corner {
+    content: $verso-top-left-corner-frontmatter;
+  }
+  @bottom {
+    content: $verso-bottom-frontmatter;
+  }
+  @bottom-left {
+    content: $verso-bottom-left-frontmatter;
+  }
+  @bottom-right {
+    content: $verso-bottom-right-frontmatter;
+  }
+  @bottom-left-corner {
+    content: $verso-bottom-left-corner-frontmatter;
+  }
+  @bottom-right-corner {
+    content: $verso-bottom-right-corner-frontmatter;
+  }
+}
+
+// Recto
+@page frontmatter:right {
+  @top {
+    content: $recto-top-frontmatter;
+  }
+  @top-right {
+    content: $recto-top-right-frontmatter;
+  }
+  @top-left {
+    content: $recto-top-left-frontmatter;
+  }
+  @top-right-corner {
+    content: $recto-top-right-corner-frontmatter;
+  }
+  @top-left-corner {
+    content: $recto-top-left-corner-frontmatter;
+  }
+  @bottom {
+    content: $recto-bottom-frontmatter;
+  }
+  @bottom-left {
+    content: $recto-bottom-left-frontmatter;
+  }
+  @bottom-right {
+    content: $recto-bottom-right-frontmatter;
+  }
+  @bottom-left-corner {
+    content: $recto-bottom-left-corner-frontmatter;
+  }
+  @bottom-right-corner {
+    content: $recto-bottom-right-corner-frontmatter;
+  }
+}
+
+// No headers on first pages of frontmatter
+.frontmatter {
+  prince-page-group: start;
+}
+@page frontmatter:first {
+  @top { content: normal; }
+  @top-left { content: normal; }
+  @top-right { content: normal; }
+  @top-left-corner { content: normal; }
+  @top-right-corner { content: normal; }
+}
+
+// No headers or footers on blank pages of frontmatter
+@page frontmatter:blank {
+  @top { content: normal; }
+  @top-left { content: normal; }
+  @top-right { content: normal; }
+  @top-left-corner { content: normal; }
+  @top-right-corner { content: normal; }
+  @bottom { content: normal; }
+  @bottom-left { content: normal; }
+  @bottom-right { content: normal; }
+  @bottom-left-corner { content: normal; }
+  @bottom-right-corner { content: normal; }
+}
+
+// Reset page numbering to 1
+.page-1 {
+  counter-reset: page 1;
+}