[patch] clean up example

demo/src/index.js

@@ -3,17 +3,23 @@ import { render } from "react-dom";
 
 import Example from "../../src";
 
+const exampleText =
+  "That's what it said on 'Ask Jeeves'. Now, when you do this without getting punched in the chest, you'll have more fun. Not tricks, Michael, illusions. I care deeply for nature. Marry me. Michael!";
 class Demo extends Component {
   render() {
     return (
       <div>
         <h1>
-          underline-emphasis Demo{" "}
-          {"That's what it said on 'Ask Jeeves.' Now, when you do this without getting punched in the chest, you'll have more fun. Not tricks, Michael, illusions. I care deeply for nature. Marry me. Michael!"
-            .split(" ")
-            .map(word => (
-              <Fragment key={word}><Example >{word}</Example>{' '}</Fragment>)
-            )}
+          underline-emphasis Demo
+          <br />
+          {exampleText
+            .split(".")
+            .map(partialText => (
+              <Fragment key={partialText}>
+                <Example>{partialText + '.'}</Example>
+                <br />
+              </Fragment>
+            ))}
         </h1>
       </div>
     );

src/index.js

@@ -99,8 +99,6 @@ const UnderlineEmphasis = ({ children }) => {
   });
 
   const pointCount = 5 + Math.floor(normalisedPointCountArray[0]);
-  console.log(pointCount);
-
 
   const xArray = getArrayByFunction({
     getArrayValue: lcGenerator,
@@ -143,8 +141,9 @@ const UnderlineEmphasis = ({ children }) => {
     backgroundRepeat: "no-repeat",
     backgroundSize: "100% auto",
     display: "inline",
+    fontStyle: "inherit",
+    overflow: "visible",
     whiteSpace: "nowrap",
-    overflow: "visible"
   };
 
   return (