Updated Sheet

examples/aurorae/paged-js/layout-pagedjs.css

 /* CSS DEMO pagedjs*/
-
+#fred .ok {
+  
+}
 .sidenote, .footnote {
     display:none!important;
 }
@@ -20,7 +22,7 @@ html{
   }
 
   @page {
-    size: 148mm 210mm;
+    size: 148mm 210mm portait;
 
     background-image:  repeating-linear-gradient(180deg, transparent  0, transparent 14px , rgba(0,255,0,0.7) var(--baseline)) ;
     background-size: cover;
@@ -34,7 +36,7 @@ html{
 
   @page:first {
     margin: 0;
-    background: url("/examples/aurorae/images/cover.jpg");
+    background: url("../images/cover.jpg");
     background-position: center;
     background-size: 104%;
     background-repeat: no-repeat;

src/chunker/chunker.js

@@ -3,7 +3,7 @@ import Page from "./page";
 import ContentParser from "./parser";
 // import PagedBody from "../utils/paged-body.js";
 
-const MAX_SECTIONS = 1;
+const MAX_SECTIONS = false;
 
 const TEMPLATE = `<div class="page">
 	<div class="top">

src/styles/sizes.js

+// https://www.w3.org/TR/css3-page/#page-size-prop
+
+export default {
+	"A0": {
+		width: {
+			value: 841,
+			unit: "mm"
+		},
+		height: {
+			value: 1189,
+			unit: "mm"
+		}
+	},
+	"A1": {
+		width: {
+			value: 594,
+			unit: "mm"
+		},
+		height: {
+			value: 841,
+			unit: "mm"
+		}
+	},
+	"A2": {
+		width: {
+			value: 420,
+			unit: "mm"
+		},
+		height: {
+			value: 594,
+			unit: "mm"
+		}
+	},
+	"A3": {
+		width: {
+			value: 297,
+			unit: "mm"
+		},
+		height: {
+			value: 420,
+			unit: "mm"
+		}
+	},
+	"A4": {
+		width: {
+			value: 210,
+			unit: "mm"
+		},
+		height: {
+			value: 297,
+			unit: "mm"
+		}
+	},
+	"A5": {
+		width: {
+			value: 148,
+			unit: "mm"
+		},
+		height: {
+			value: 210,
+			unit: "mm"
+		}
+	},
+	"A6": {
+		width: {
+			value: 105,
+			unit: "mm"
+		},
+		height: {
+			value: 148,
+			unit: "mm"
+		}
+	},
+	"A7": {
+		width: {
+			value: 74,
+			unit: "mm"
+		},
+		height: {
+			value: 105,
+			unit: "mm"
+		}
+	},
+	"A8": {
+		width: {
+			value: 52,
+			unit: "mm"
+		},
+		height: {
+			value: 74,
+			unit: "mm"
+		}
+	},
+	"A9": {
+		width: {
+			value: 37,
+			unit: "mm"
+		},
+		height: {
+			value: 52,
+			unit: "mm"
+		}
+	},
+	"A10": {
+		width: {
+			value: 26,
+			unit: "mm"
+		},
+		height: {
+			value: 37,
+			unit: "mm"
+		}
+	},
+	"B4": {
+		width: {
+			value: 250,
+			unit: "mm"
+		},
+		height: {
+			value: 353,
+			unit: "mm"
+		}
+	},
+	"B5": {
+		width: {
+			value: 250,
+			unit: "mm"
+		},
+		height: {
+			value: 250,
+			unit: "mm"
+		}
+	},
+	"letter": {
+		width: {
+			value: 8.5,
+			unit: "in"
+		},
+		height: {
+			value: 11,
+			unit: "in"
+		}
+	},
+	"legal": {
+		width: {
+			value: 8.5,
+			unit: "mm"
+		},
+		height: {
+			value: 14,
+			unit: "mm"
+		}
+	},
+	"ledger": {
+		width: {
+			value: 11,
+			unit: "mm"
+		},
+		height: {
+			value: 17,
+			unit: "mm"
+		}
+	}
+}

src/styles/styler.js

@@ -11,11 +11,13 @@ class Styler {
 			.then((response) => {
 				return response.text();
 			}).then((original) => {
-				sheet = new Sheet(original);
+				sheet = new Sheet(original, href);
 
 				let text = sheet.toString();
-				console.log(text);
+
 				this.insert(text);
+
+        return text;
 			});
 	}