From d2494deab6dbccd4bb12e4faed1c5ca04ddd862e Mon Sep 17 00:00:00 2001
From: Klaus Nielsen <klnie1989@gmail.com>
Date: Wed, 8 Mar 2017 15:12:02 +0100
Subject: [PATCH] Removed font dependency, updated demo-content

---
 bower.json                         |   3 +-
 editor-styles.html                 | 306 -----------------------------
 markdown-editor.html               |   7 -
 medium-editor-markdown-import.html |   2 -
 4 files changed, 1 insertion(+), 317 deletions(-)
 delete mode 100644 editor-styles.html

diff --git a/bower.json b/bower.json
index 1eb010c..04b9aae 100644
--- a/bower.json
+++ b/bower.json
@@ -2,8 +2,7 @@
   "name": "markdown-editor",
   "main": "markdown-editor.html",
   "dependencies": {
-    "components-font-awesome": "^4.7.0",
-    "demo-content": "kriss-kross-io/demo-content#^0.0.4",
+    "demo-content": "kriss-kross-io/demo-content#^0.0.7",
     "iron-media-query": "PolymerElements/iron-media-query#^1.0.8",
     "marked-element": "PolymerElements/marked-element#^1.2.0",
     "medium-editor-markdown": "IonicaBizau/medium-editor-markdown#^2.6.1",
diff --git a/editor-styles.html b/editor-styles.html
deleted file mode 100644
index a35f513..0000000
--- a/editor-styles.html
+++ /dev/null
@@ -1,306 +0,0 @@
-<!-- shared-styles.html -->
-<dom-module id="editor-styles">
-
-  <template>
-
-    <style>
-      /*
-       * medium-editor.css
-       */
-      @-webkit-keyframes medium-editor-image-loading {
-        0% {
-          -webkit-transform: scale(0);
-                  transform: scale(0); }
-        100% {
-          -webkit-transform: scale(1);
-                  transform: scale(1); } }
-
-      @keyframes medium-editor-image-loading {
-        0% {
-          -webkit-transform: scale(0);
-                  transform: scale(0); }
-        100% {
-          -webkit-transform: scale(1);
-                  transform: scale(1); } }
-
-      @-webkit-keyframes medium-editor-pop-upwards {
-        0% {
-          opacity: 0;
-          -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
-                  transform: matrix(0.97, 0, 0, 1, 0, 12); }
-        20% {
-          opacity: .7;
-          -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
-                  transform: matrix(0.99, 0, 0, 1, 0, 2); }
-        40% {
-          opacity: 1;
-          -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
-                  transform: matrix(1, 0, 0, 1, 0, -1); }
-        100% {
-          -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
-                  transform: matrix(1, 0, 0, 1, 0, 0); } }
-
-      @keyframes medium-editor-pop-upwards {
-        0% {
-          opacity: 0;
-          -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
-                  transform: matrix(0.97, 0, 0, 1, 0, 12); }
-        20% {
-          opacity: .7;
-          -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
-                  transform: matrix(0.99, 0, 0, 1, 0, 2); }
-        40% {
-          opacity: 1;
-          -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
-                  transform: matrix(1, 0, 0, 1, 0, -1); }
-        100% {
-          -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
-                  transform: matrix(1, 0, 0, 1, 0, 0); } }
-
-      :host ::content .medium-editor-anchor-preview {
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-        font-size: 16px;
-        left: 0;
-        line-height: 1.4;
-        max-width: 280px;
-        position: absolute;
-        text-align: center;
-        top: 0;
-        word-break: break-all;
-        word-wrap: break-word;
-        visibility: hidden;
-        z-index: 2000; }
-        :host ::content .medium-editor-anchor-preview a {
-          color: #fff;
-          display: inline-block;
-          margin: 5px 5px 10px; }
-
-      :host ::content .medium-editor-anchor-preview-active {
-        visibility: visible; }
-
-      :host ::content .medium-editor-dragover {
-        background: #ddd; }
-
-      :host ::content .medium-editor-image-loading {
-        -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
-                animation: medium-editor-image-loading 1s infinite ease-in-out;
-        background-color: #333;
-        border-radius: 100%;
-        display: inline-block;
-        height: 40px;
-        width: 40px; }
-
-      :host ::content .medium-editor-placeholder {
-        position: relative; }
-        :host ::content .medium-editor-placeholder:after {
-          content: attr(data-placeholder) !important;
-          font-style: italic;
-          position: absolute;
-          left: 0;
-          top: 0;
-          white-space: pre;
-          padding: inherit;
-          margin: inherit; }
-
-      :host ::content .medium-editor-placeholder-relative {
-        position: relative; }
-        :host ::content .medium-editor-placeholder-relative:after {
-          content: attr(data-placeholder) !important;
-          font-style: italic;
-          position: relative;
-          white-space: pre;
-          padding: inherit;
-          margin: inherit; }
-
-      :host ::content .medium-toolbar-arrow-under:after,
-      :host ::content .medium-toolbar-arrow-over:before {
-        border-style: solid;
-        content: '';
-        display: block;
-        height: 0;
-        left: 50%;
-        margin-left: -8px;
-        position: absolute;
-        width: 0; }
-
-      :host ::content .medium-toolbar-arrow-under:after {
-        border-width: 8px 8px 0 8px; }
-
-      :host ::content .medium-toolbar-arrow-over:before {
-        border-width: 0 8px 8px 8px;
-        top: -8px; }
-
-      :host ::content .medium-editor-toolbar {
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-        font-size: 16px;
-        left: 0;
-        position: absolute;
-        top: 0;
-        visibility: hidden;
-        z-index: 2000; }
-        :host ::content .medium-editor-toolbar ul {
-          margin: 0;
-          padding: 0; }
-        :host ::content .medium-editor-toolbar li {
-          float: left;
-          list-style: none;
-          margin: 0;
-          padding: 0; }
-          :host ::content .medium-editor-toolbar li button {
-            box-sizing: border-box;
-            cursor: pointer;
-            display: block;
-            font-size: 14px;
-            line-height: 1.33;
-            margin: 0;
-            padding: 15px;
-            text-decoration: none; }
-            :host ::content .medium-editor-toolbar li button:focus {
-              outline: none; }
-          :host ::content .medium-editor-toolbar li .medium-editor-action-underline {
-            text-decoration: underline; }
-          :host ::content .medium-editor-toolbar li .medium-editor-action-pre {
-            font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
-            font-size: 12px;
-            font-weight: 100;
-            padding: 15px 0; }
-
-      :host ::content .medium-editor-toolbar-active {
-        visibility: visible; }
-
-      :host ::content .medium-editor-sticky-toolbar {
-        position: fixed;
-        top: 1px; }
-
-      :host ::content .medium-editor-relative-toolbar {
-        position: relative; }
-
-      :host ::content .medium-editor-toolbar-active.medium-editor-stalker-toolbar {
-        -webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
-                animation: medium-editor-pop-upwards 160ms forwards linear; }
-
-      :host ::content .medium-editor-action-bold {
-        font-weight: bolder; }
-
-      :host ::content .medium-editor-action-italic {
-        font-style: italic; }
-
-      :host ::content .medium-editor-toolbar-form {
-        display: none; }
-        :host ::content .medium-editor-toolbar-form input,
-        :host ::content .medium-editor-toolbar-form a {
-          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
-        :host ::content .medium-editor-toolbar-form .medium-editor-toolbar-form-row {
-          line-height: 14px;
-          margin-left: 5px;
-          padding-bottom: 5px; }
-        :host ::content .medium-editor-toolbar-form .medium-editor-toolbar-input,
-        :host ::content .medium-editor-toolbar-form label {
-          border: none;
-          box-sizing: border-box;
-          font-size: 14px;
-          margin: 0;
-          padding: 6px;
-          width: 316px;
-          display: inline-block; }
-          :host ::content .medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
-          :host ::content .medium-editor-toolbar-form label:focus {
-            -webkit-appearance: none;
-               -moz-appearance: none;
-                    appearance: none;
-            border: none;
-            box-shadow: none;
-            outline: 0; }
-        :host ::content .medium-editor-toolbar-form a {
-          display: inline-block;
-          font-size: 24px;
-          font-weight: bolder;
-          margin: 0 10px;
-          text-decoration: none; }
-
-      :host ::content .medium-editor-toolbar-form-active {
-        display: block; }
-
-      :host ::content .medium-editor-toolbar-actions:after {
-        clear: both;
-        content: "";
-        display: table; }
-
-      :host ::content .medium-editor-element {
-        word-wrap: break-word;
-        min-height: 30px; }
-        :host ::content .medium-editor-element img {
-          max-width: 100%; }
-        :host ::content .medium-editor-element sub {
-          vertical-align: sub; }
-        :host ::content .medium-editor-element sup {
-          vertical-align: super; }
-
-      :host ::content .medium-editor-hidden {
-        display: none; }
-    </style>
-
-    <style>
-      :host ::content .medium-toolbar-arrow-under:after {
-        top: 60px;
-        border-color: #57ad68 transparent transparent transparent; }
-
-      :host ::content .medium-toolbar-arrow-over:before {
-        top: -8px;
-        border-color: transparent transparent #57ad68 transparent; }
-
-      :host ::content .medium-editor-toolbar {
-        background-color: #57ad68; }
-        :host ::content .medium-editor-toolbar li {
-          padding: 0; }
-          :host ::content .medium-editor-toolbar li button {
-            min-width: 60px;
-            height: 60px;
-            border: none;
-            border-right: 1px solid #9ccea6;
-            background-color: transparent;
-            color: #fff;
-            -webkit-transition: background-color .2s ease-in, color .2s ease-in;
-                    transition: background-color .2s ease-in, color .2s ease-in; }
-            :host ::content .medium-editor-toolbar li button:hover {
-              background-color: #346a3f;
-              color: #fff; }
-          :host ::content .medium-editor-toolbar li .medium-editor-button-active {
-            background-color: #23482a;
-            color: #fff; }
-          :host ::content .medium-editor-toolbar li .medium-editor-button-last {
-            border-right: none; }
-
-      :host ::content .medium-editor-toolbar-form .medium-editor-toolbar-input {
-        height: 60px;
-        background: #57ad68;
-        color: #fff; }
-        :host ::content .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
-          color: #fff;
-          color: rgba(255, 255, 255, 0.8); }
-        :host ::content .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
-          /* Firefox 18- */
-          color: #fff;
-          color: rgba(255, 255, 255, 0.8); }
-        :host ::content .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
-          /* Firefox 19+ */
-          color: #fff;
-          color: rgba(255, 255, 255, 0.8); }
-        :host ::content .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
-          color: #fff;
-          color: rgba(255, 255, 255, 0.8); }
-
-      :host ::content .medium-editor-toolbar-form a {
-        color: #fff; }
-
-      :host ::content .medium-editor-toolbar-anchor-preview {
-        background: #57ad68;
-        color: #fff; }
-
-      :host ::content .medium-editor-placeholder:after {
-        color: #9ccea6; }
-    </style>
-
-  </template>
-
-</dom-module>
diff --git a/markdown-editor.html b/markdown-editor.html
index 8c20b15..0f33faa 100644
--- a/markdown-editor.html
+++ b/markdown-editor.html
@@ -29,12 +29,6 @@
       :host {
         display: block;
       }
-      /*TODO: fix missing styling*/
-      /*:host ::content .markdown-html blockquote {
-        padding: 0 1em;
-        color: #777;
-        border-left: 0.25em solid #ddd;
-      }*/
       #preview {
         background-color: #ededed;
         overflow-x: scroll;
@@ -126,7 +120,6 @@
         var options = {};
 
         options['disableExtraSpaces'] =  true;
-        options['buttonLabels'] =  'fontawesome';
         options['targetBlank'] =  true;
 
         // TOOLBAR
diff --git a/medium-editor-markdown-import.html b/medium-editor-markdown-import.html
index 61ffbb2..2ec22c7 100644
--- a/medium-editor-markdown-import.html
+++ b/medium-editor-markdown-import.html
@@ -1,7 +1,5 @@
-<!-- <link rel="import" href="editor-styles.html"> -->
 <link rel="stylesheet" href="../medium-editor/dist/css/medium-editor.min.css">
 <link rel="stylesheet" href="../medium-editor/dist/css/themes/bootstrap.min.css">
-<link rel="stylesheet" href="../components-font-awesome/css/font-awesome.min.css">
 
 <script src="../medium-editor/dist/js/medium-editor.js"></script>
 <script src="../medium-editor-markdown/dist/me-markdown.standalone.min.js"></script>