Fixing font scaling & patch bump

FormidableLabs · Dec 8, 2015 · fd85d3a · fd85d3a
1 parent 3e2f152
commit fd85d3a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "spectacle",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "ReactJS Powered Presentation Framework",
   "main": "lib/index.js",
   "scripts": {

diff --git a/src/components/slide.js b/src/components/slide.js
@@ -113,11 +113,13 @@ const Slide = React.createClass({
         flex: 1,
         maxHeight: this.props.maxHeight || 700,
         maxWidth: this.props.maxWidth || 1000,
-        fontSize: 16 * this.state.zoom,
         transform: `scale(${this.state.contentScale})`,
         padding: this.state.zoom > 0.6 ? this.props.margin || 40 : 10
       }
     };
+
+    document.documentElement.style.fontSize = `${16 * this.state.zoom}px`;
+
     return (
       <div className="spectacle-slide"
         ref="slide"

diff --git a/src/themes/default/screen.js b/src/themes/default/screen.js
@@ -115,7 +115,8 @@ const screen = (colorArgs = defaultColors, fontArgs = defaultFonts) => {
       blockquote: {
         textAlign: "left",
         position: "relative",
-        display: "inline-block"
+        display: "inline-block",
+        margin: 20
       },
       quote: {
         borderLeft: `1px solid ${colors.primary}`,