code cleanup and minor bug fixes

bustle · Jul 11, 2014 · d2121ac · d2121ac
1 parent 0b9222d
commit d2121ac
Show file tree

Hide file tree

Showing 14 changed files with 341 additions and 319 deletions.
diff --git a/demo/demo.css b/demo/demo.css
@@ -7,7 +7,7 @@
 body {
   font-family: "Helvetica Neue", Helvetica, sans-serif;
   color: #333;
-  margin: 0 1.45em;
+  margin: 0 1.45em 3em;
   padding: 0;
 }
 @media only screen and (max-width: 767px) {
@@ -21,26 +21,20 @@ body {
   margin: 6.7em auto 1em;
 }
 
-header, footer {
-  z-index: 10;
-  background-color: rgba(247,247,248,0.92);
+header {
+  background-color: rgba(255,255,255,0.92);
+  border-bottom: 1px solid #dcdcdc;
   position: fixed;
-  left:0; right:0;
+  left:0; right:0; top: 0;
+  z-index: 10;
   height: 3.125em;
 }
-header {
-  border-bottom: 1px solid #c4c4c4;
-  top: 0;
-}
-footer {
-  border-top: 1px solid #c4c4c4;
-  bottom: 0;
-}
 
 .demo-title {
   text-align: center;
   font-size: 1.4em;
-  letter-spacing: -0.035em;
+  font-weight: 500;
+  letter-spacing: -0.015em;
   padding: 0;
   margin: 0 auto;
   width: 50%;

diff --git a/demo/index.html b/demo/index.html
@@ -3,8 +3,8 @@
 <head>
   <meta charset="utf-8">
   <title>ContentKit Editor</title>
-  <link rel="stylesheet" href="../src/css/editor.css">
-  <link rel="stylesheet" href="demo.css">
+  <link href="../src/css/editor.css" rel="stylesheet">
+  <link href="demo.css" rel="stylesheet">
 </head>
 <body>
 
@@ -16,7 +16,7 @@ <h1 class="demo-title">ContentKit Editor</h1>
   </header>
 
   <div class="wrapper">
-    <div class="editor" data-placeholder="Write your story here...">
+    <article class="editor" data-placeholder="Write your story here...">
       <p>A modern, minimalist text editor allowing you to write in a distraction free environment. Simply select any text you would like to format and a toolbar will appear where you can toggle options such as <b>bold</b> and <i>italic</i>, or create a <a href="https://github.com/ContentKit">link</a>.</p>
       <h2>Create headings by pressing "H1" on the toolbar</h2>
       <h3>Pressing "H2" will create a subheading, like this one.</h3>
@@ -45,7 +45,9 @@ <h3>Keyboard shortcuts:</h3>
         <li>select letters: (hold shift + arrow keys)</li>
         <li>close toolbar: (ESC)</li>
       </ul>
-    </div>
+
+      <p>Enjoy focusing on your content and not worrying about formatting!</p>
+    </article>
   </div>
 
   <div id="code-panes">