Added example for font

Will Bamberg · Will Bamberg · commit 8c71c46d59bc · 2017-03-01T16:14:36.000-08:00
diff --git a/editable-samples/pages/font/css/element.css b/editable-samples/pages/font/css/element.css
@@ -0,0 +1,7 @@
+#output {
+  overflow: hidden;
+}
+
+#example-element {
+  display: block;
+}
diff --git a/editable-samples/pages/font/img/firefox.png b/editable-samples/pages/font/img/firefox.png
diff --git a/editable-samples/pages/font/index.html b/editable-samples/pages/font/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link href="../../css/editable.css" rel="stylesheet"></link>
+
+    <link  href="../../codemirror/lib/codemirror.css" rel="stylesheet">
+    <link href="../../codemirror/theme/mdn-like.css" rel="stylesheet"></link>
+    <link href="../../codemirror/addon/hint/show-hint.css" rel="stylesheet"></link>
+
+    <link href="css/element.css" rel="stylesheet"></link>
+  </head>
+
+  <body>
+    <div id="output">
+      <span id="example-element">London. Michaelmas term lately over, and the Lord Chancellor sitting in Lincoln's Inn Hall. Implacable November weather. As much mud in the streets as if the waters had but newly retired from the face of the earth, and it would not be wonderful to meet a Megalosaurus, forty feet long or so, waddling like an elephantine lizard up Holborn Hill. Smoke lowering down from chimney-pots, making a soft black drizzle, with flakes of soot in it as big as full-grown snowflakes—gone into mourning, one might imagine, for the death of the sun. Dogs, undistinguishable in mire. Horses, scarcely better; splashed to their very blinkers. Foot passengers, jostling one another's umbrellas in a general infection of ill temper, and losing their foot-hold at street-corners, where tens of thousands of other foot passengers have been slipping and sliding since the day broke (if this day ever broke), adding new deposits to the crust upon crust of mud, sticking at those points tenaciously to the pavement, and accumulating at compound interest.</span>
+    </div>
+
+    <div id="buttons">
+      <input id="edit" type="button" value="Edit CSS" />
+      <input id="reset" type="button" value="Reset" />
+    </div>
+
+    <script src="../../codemirror/lib/codemirror.js"></script>
+    <script src="../../codemirror/mode/css/css.js"></script>
+    <script src="../../codemirror/addon/hint/css-hint.js"></script>
+    <script src="../../codemirror/addon/hint/show-hint.js"></script>
+  
+    <script src="js/font.js"></script>
+    <script type="text/javascript" src="../../js/editable.js"></script>
+
+</body>
+
+</html>
diff --git a/editable-samples/pages/font/js/font.js b/editable-samples/pages/font/js/font.js
@@ -0,0 +1,9 @@
+var cmInitContent = 'font: 1em/1.5 "Open Sans", sans-serif;';
+
+var cmMatchToShowCompletions = "font: ";
+
+var cmCompletionChoices = [
+  '1.5em/1.2 courier',
+  'italic 2em cursive',
+  'italic small-caps bolder condensed 24px/2 cursive'
+];
