scrivito_editors 1.9.1 → 1.10.0.rc1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d565ce33c3e27e10c1a10803af4831457fd7562c
-  data.tar.gz: 12fe05dbc49c71bf3754b247fc2e317d41500a7c
+  metadata.gz: 12afd5797c95745c3281910571247396c91e1c54
+  data.tar.gz: ba2fe5054e918c7689fb04d738c95d13a65c6aa6
 SHA512:
-  metadata.gz: 04e7e140f51f9e72739fe28331bcf671f6d4e510a68d5c45c6a0bd47975f76517bbed6e3ca1b9ee13374b5f2c377b02b30666596b983865085ac682b730926f9
-  data.tar.gz: eb781565d466a49a34aed3ab54e75a496a1735b1b29d7ac3314c403587b1b41dfe592f42f2d70fe27d3c835b30cd0e52f24dec09be3d768e3e07d6e982629b67
+  metadata.gz: 38da4a94954844ededa09cb0a5d42068185f4df4b65f098a93f31208bf0996d6b7738a7bb6bfab789f35c08179e5040f187cc98bbac8db7b25f77bf9e8051d1a
+  data.tar.gz: 56285984fad82f49e04215665f0d26cbf5381bb72d3942104f6ce1e4ad41eec25616a161059a9521ab6cab1128fa65867f10ad6face3dbd8a459fbde9663687e

data/app/assets/javascripts/scrivito_editors/date_editor.js

@@ -28,6 +28,7 @@
   activate = function(element) {
     var cmsField;
     cmsField = $(element);
+    scrivito.editors.applyPlaceholder(cmsField);
     return cmsField.on('click', function(event) {
       var content, dateFormat, options, timeFormat;
       if (cmsField.is('.hasDatepicker')) {

data/app/assets/javascripts/scrivito_editors/link_editor.js

@@ -17,8 +17,8 @@
   fetchDescription = function(cmsField, objId) {
     return scrivito.description_for_editor([objId]).then(function(descriptions) {
       var urlInput;
-      urlInput = cmsField.find('[name=url]');
-      if (descriptions[0] && urlInput.not(':focus')) {
+      urlInput = cmsField.find('[name=url][data-value]');
+      if (descriptions[0]) {
         return urlInput.val(descriptions[0]);
       }
     });
@@ -46,17 +46,18 @@
       if (raw) {
         input.val(raw);
       }
-      return input.attr('data-value', null);
+      return input.removeAttr('data-value');
     });
   };
 
   template = function(link) {
-    var objUrl, url;
+    var objUrl, title, url;
     if (link.obj_id) {
       objUrl = URI(scrivito.path_for_id(link.obj_id)).query(link.query || null).fragment(link.fragment || null);
     }
     url = link.url || objUrl || '';
-    return $("<ul>\n  <li data-id=\"" + (link.obj_id || '') + "\" data-target=\"\">\n    <input type=\"text\" name=\"title\" value=\"" + (link.title || '') + "\" placeholder=\"Title\" />\n    <input type=\"text\" name=\"url\" value=\"" + url + "\" data-value=\"" + url + "\" placeholder=\"URL\"\n        class=\"editing-url\" />\n    <div class=\"actions\">\n      <div class=\"input_group_btn\">\n        <a href=\"#\" class=\"editing-button editing-grey editing-clear\"\n            data-scrivito-editors-toggle-target>\n          <span class=\"scrivito_editors_current_target\"></span>\n          <i class=\"scrivito_icon scrivito_icon_link_target\"></i>\n        </a>\n        <ul class=\"dropdown_menu\"></ul>\n      </div>\n      <a href=\"#\" class=\"editing-button content-browser-open editing-green\"\n          data-scrivito-editors-browse>\n        <i class=\"scrivito_icon scrivito_icon_content_browser\"></i>\n      </a>\n    </div>\n  </li>\n</ul>");
+    title = link.title || '';
+    return $("<ul>\n  <li data-id=\"" + (link.obj_id || '') + "\" data-target=\"\">\n    <input type=\"text\" name=\"title\" placeholder=\"Title\" />\n    <input type=\"text\" name=\"url\" placeholder=\"URL\" class=\"editing-url\" />\n    <div class=\"actions\">\n      <div class=\"input_group_btn\">\n        <a href=\"#\" class=\"editing-button editing-grey editing-clear\"\n            data-scrivito-editors-toggle-target>\n          <span class=\"scrivito_editors_current_target\"></span>\n          <i class=\"scrivito_icon scrivito_icon_link_target\"></i>\n        </a>\n        <ul class=\"dropdown_menu\"></ul>\n      </div>\n      <a href=\"#\" class=\"editing-button content-browser-open editing-green\"\n          data-scrivito-editors-browse>\n        <i class=\"scrivito_icon scrivito_icon_content_browser\"></i>\n      </a>\n    </div>\n  </li>\n</ul>").find('[name=title]').val(title).end().find('[name=url]').attr('data-value', url).val(url).end();
   };
 
   openContentBrowser = function(cmsField) {

data/app/assets/javascripts/scrivito_editors/linklist_editor.js

@@ -40,8 +40,8 @@
         results = [];
         for (i = j = 0, len = objIds.length; j < len; i = ++j) {
           objId = objIds[i];
-          urlInput = cmsField.find("[data-id='" + objId + "'] [name=url]");
-          if (descriptions[i] && urlInput.not(':focus')) {
+          urlInput = cmsField.find("[data-id='" + objId + "'] [name=url][data-value]");
+          if (descriptions[i]) {
             results.push(urlInput.val(descriptions[i]));
           } else {
             results.push(void 0);
@@ -103,17 +103,18 @@
       if (raw) {
         input.val(raw);
       }
-      return input.attr('data-value', null);
+      return input.removeAttr('data-value');
     });
   };
 
   linkTemplate = function(link) {
-    var objUrl, url;
+    var objUrl, title, url;
     if (link.obj_id) {
       objUrl = URI(scrivito.path_for_id(link.obj_id)).query(link.query || null).fragment(link.fragment || null);
     }
     url = link.url || objUrl || '';
-    return $("<li data-id=\"" + (link.obj_id || '') + "\" data-title=\"" + (link.title || '') + "\" data-url=\"" + url + "\"\n    data-target=\"\">\n  <span class=\"scrivito-editors-handle\"></span>\n  <input type=\"text\" name=\"title\" value=\"" + (link.title || '') + "\" placeholder=\"Title\" />\n  <input type=\"text\" name=\"url\" value=\"" + url + "\" data-value=\"" + url + "\" placeholder=\"URL\"\n      class=\"editing-url\" />\n  <div class=\"actions\">\n    <div class=\"input_group_btn\">\n      <a href=\"#\" class=\"editing-button editing-grey editing-clear\"\n          data-scrivito-editors-toggle-target>\n        <span class=\"scrivito_editors_current_target\"></span>\n        <i class=\"scrivito_icon scrivito_icon_link_target\"></i>\n      </a>\n      <ul class=\"dropdown_menu\"></ul>\n    </div>\n    <a href=\"#\" class=\"editing-button content-browser-open editing-green\"\n        data-scrivito-editors-browse>\n      <i class=\"scrivito_icon scrivito_icon_content_browser\"></i>\n    </a>\n    <a href=\"#\" class=\"editing-button editing-red delete\">\n      <i class=\"scrivito_icon scrivito_icon_trash\"></i>\n    </a>\n  </div>\n</li>");
+    title = link.title || '';
+    return $("<li data-id=\"" + (link.obj_id || '') + "\" data-target=\"\">\n  <span class=\"scrivito-editors-handle\"></span>\n  <input type=\"text\" name=\"title\" placeholder=\"Title\" />\n  <input type=\"text\" name=\"url\" placeholder=\"URL\" class=\"editing-url\" />\n  <div class=\"actions\">\n    <div class=\"input_group_btn\">\n      <a href=\"#\" class=\"editing-button editing-grey editing-clear\"\n          data-scrivito-editors-toggle-target>\n        <span class=\"scrivito_editors_current_target\"></span>\n        <i class=\"scrivito_icon scrivito_icon_link_target\"></i>\n      </a>\n      <ul class=\"dropdown_menu\"></ul>\n    </div>\n    <a href=\"#\" class=\"editing-button content-browser-open editing-green\"\n        data-scrivito-editors-browse>\n      <i class=\"scrivito_icon scrivito_icon_content_browser\"></i>\n    </a>\n    <a href=\"#\" class=\"editing-button editing-red delete\">\n      <i class=\"scrivito_icon scrivito_icon_trash\"></i>\n    </a>\n  </div>\n</li>").attr('data-title', title).attr('data-url', url).find('[name=title]').val(title).end().find('[name=url]').attr('data-value', url).val(url).end();
   };
 
   save = function(cmsField) {

data/app/assets/javascripts/scrivito_editors/medium_editor.js

@@ -89,6 +89,7 @@
   activate = function(proxy) {
     var cmsField, mediumEditor, scrivitoAnchorExtension;
     cmsField = proxy.jQueryElement();
+    scrivito.editors.applyPlaceholder(cmsField);
     mediumEditor = new MediumEditor(cmsField, editorOptions()).subscribe('editableInput', function() {
       return proxy.save(cmsField.html());
     });

data/app/assets/javascripts/scrivito_editors/placeholder.js

@@ -1,37 +1,36 @@
-(function() {
-  var addPlaceholder, applyBrowserWorkarounds;
+'use strict';
 
-  addPlaceholder = function() {
-    var cmsFields;
-    cmsFields = $('[data-scrivito-field-type]').not('[data-scrivito-field-type=widgetlist]');
-    return cmsFields.each(function() {
-      var cmsField, defaultPlaceholder, fieldName, placeholder;
-      cmsField = $(this);
-      fieldName = cmsField.attr('data-scrivito-field-name');
-      defaultPlaceholder = "Click to edit the “" + fieldName + "” attribute ...";
-      placeholder = cmsField.attr('data-scrivito-editors-placeholder') || defaultPlaceholder;
-      cmsField.attr('data-scrivito-editors-placeholder', placeholder);
-      return applyBrowserWorkarounds(cmsField);
-    });
-  };
-
-  applyBrowserWorkarounds = function(cmsField) {
-    return cmsField.on('focus', (function(_this) {
-      return function() {
-        if (cmsField.is(':empty')) {
-          cmsField.text('_');
-          window.getSelection().selectAllChildren(cmsField[0]);
-          cmsField.text('');
-          return window.getSelection().collapseToStart(cmsField[0]);
-        }
-      };
-    })(this));
-  };
+(function () {
+  /*
+   * Display a placeholder for empty CMS attributes. The placeholder can be overwritten by
+   * defining a +data-scrivito-editors-placeholder+ HTML attribute on the DOM element generated
+   * by +scrivito_tag+.
+   *
+   * For example:
+   *   scrivito_tag(:div, @obj, :my_attribute, data: { scrivito_editors_placeholder: 'My text' })
+   */
+  scrivito.editors.applyPlaceholder = function ($cmsField) {
+    if (!$cmsField.is('data-scrivito-editors-placeholder')) {
+      var fieldName = $cmsField.attr('data-scrivito-field-name');
+      var defaultPlaceholder = 'Click to edit the “' + fieldName + '” attribute ...';
 
-  scrivito.on('content', function() {
-    if (scrivito.in_editable_view()) {
-      return addPlaceholder();
+      $cmsField.attr('data-scrivito-editors-placeholder', defaultPlaceholder);
     }
-  });
 
-}).call(this);
+    applyBrowserWorkarounds($cmsField);
+  };
+
+  // Chrome: fixes span element issue: sometimes the focus is set, but the element receives no input
+  // Firefox: in combination with CSS, helps positioning the cursor at the correct position
+  function applyBrowserWorkarounds($cmsField) {
+    $cmsField.on('focus', function () {
+      if ($cmsField.is(':empty')) {
+        $cmsField.text('_');
+        window.getSelection().selectAllChildren($cmsField.get(0));
+        $cmsField.text('');
+        // needed for IE11: make cursor blink
+        window.getSelection().collapseToStart($cmsField.get(0));
+      }
+    });
+  }
+})();

data/app/assets/javascripts/scrivito_editors/redactor_editor.js

@@ -129,6 +129,7 @@
   activate = function(element) {
     var cmsField;
     cmsField = $(element);
+    scrivito.editors.applyPlaceholder(cmsField);
     cmsField.on('click', function(event) {
       event.preventDefault();
       if (!cmsField.hasClass('scrivito_editors_redactor')) {

data/app/assets/javascripts/scrivito_editors/reference_editor.js

@@ -4,6 +4,7 @@
   activate = function(element) {
     var cmsField, objId;
     cmsField = $(element);
+    scrivito.editors.applyPlaceholder(cmsField);
     if (cmsField.is('[data-scrivito-editors-allow-delete=true]')) {
       activateUi(cmsField);
     }

data/app/assets/javascripts/scrivito_editors/slider_editor.js

@@ -33,6 +33,7 @@
   };
 
   activate = function(element) {
+    scrivito.editors.applyPlaceholder($(element));
     return $(element).on('click', function() {
       var cmsField, content, max, min, step;
       cmsField = $(element);

data/app/assets/javascripts/scrivito_editors/string_editor.js

@@ -111,6 +111,7 @@
   activate = function(proxy) {
     var cmsField;
     cmsField = proxy.jQueryElement();
+    scrivito.editors.applyPlaceholder(cmsField);
     cmsField.attr('contenteditable', true).blur(function() {
       return onBlur(proxy);
     }).focus(function() {

data/lib/scrivito_editors/engine.rb

@@ -9,23 +9,19 @@ module ScrivitoEditors
       ActionView::Base.send :include, ScrivitoTagHelper
     end
 
-    class << self
-      def imgly_assets
-        imgly_assets_paths.sort.inject({}) do |asset_map, file|
-          asset_map[file] = yield(file)
-          asset_map
-        end
+    def self.imgly_assets
+      imgly_assets_paths.sort.inject({}) do |asset_map, file|
+        asset_map[file] = yield(file)
+        asset_map
       end
+    end
 
-      private
-
-      def imgly_assets_paths
-        images_path = ScrivitoEditors::Engine.root + 'vendor/assets/images/'
-        absolute_paths = Dir[images_path + 'imgly_sdk/**/*'].select { |f| File.file?(f) }
+    private_class_method def self.imgly_assets_paths
+      images_path = ScrivitoEditors::Engine.root + 'vendor/assets/images/'
+      absolute_paths = Dir[images_path + 'imgly_sdk/**/*'].select { |f| File.file?(f) }
 
-        absolute_paths.map do |absolute_path|
-          Pathname.new(absolute_path).relative_path_from(images_path).to_s
-        end
+      absolute_paths.map do |absolute_path|
+        Pathname.new(absolute_path).relative_path_from(images_path).to_s
       end
     end
   end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: scrivito_editors
 version: !ruby/object:Gem::Version
-  version: 1.9.1
+  version: 1.10.0.rc1
 platform: ruby
 authors:
 - Scrivito
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-05-10 00:00:00.000000000 Z
+date: 2017-06-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jquery-ui-rails
@@ -50,28 +50,28 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.9.1
+        version: 1.10.0.rc1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.9.1
+        version: 1.10.0.rc1
 - !ruby/object:Gem::Dependency
   name: scrivito_sdk
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.9.1
+        version: 1.10.0.rc1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.9.1
+        version: 1.10.0.rc1
 - !ruby/object:Gem::Dependency
   name: coffee-rails
   requirement: !ruby/object:Gem::Requirement
@@ -222,8 +222,6 @@ files:
 - app/assets/stylesheets/scrivito_editors/imglykit_override.css
 - app/assets/stylesheets/scrivito_editors/link_editor.css
 - app/assets/stylesheets/scrivito_editors/linklist_editor.css
-- app/assets/stylesheets/scrivito_editors/medium_editor.css
-- app/assets/stylesheets/scrivito_editors/placeholder.css
 - app/assets/stylesheets/scrivito_editors/redactor_editor.css
 - app/assets/stylesheets/scrivito_editors/referencelist_editor.css
 - app/assets/stylesheets/scrivito_editors/stringlist_editor.css
@@ -315,8 +313,6 @@ files:
 - vendor/assets/stylesheets/imglykit-night-ui.css
 - vendor/assets/stylesheets/jquery-ui-timepicker-addon.min.css
 - vendor/assets/stylesheets/jquery.tag-editor.css
-- vendor/assets/stylesheets/medium-editor-themes/flat.css
-- vendor/assets/stylesheets/medium-editor.css
 - vendor/assets/stylesheets/redactor.css
 homepage: https://scrivito.com
 licenses:

data/app/assets/stylesheets/scrivito_editors/medium_editor.css

@@ -1,20 +0,0 @@
-/*
- *= require medium-editor
- *= require medium-editor-themes/flat
- *= require_self
- */
-.medium-toolbar-arrow-under::after { top: auto;}
-.medium-editor-toolbar { z-index: 111112; margin:0 10px; background:rgba(67, 148, 57, 0.9);
-  border-radius:4px;}
-.medium-editor-toolbar li button { height:40px; min-width:40px; padding:10px;
-  border:none; margin:1px; background:rgba(0,0,0,.1);
-  }
-.medium-editor-toolbar li button * { color: inherit; }
-.medium-editor-toolbar li button .scrivito_customer_icon { font-size:18px;}
-.medium-editor-toolbar-form .scrivito_customer_icon { font-size:18px;
-  min-width:40px; height:40px; line-height: 40px!important;
-  display:inline-block; text-align:center;
-  color: #fff; margin: 1px; background:rgba(0,0,0,.1);
-  }
-.medium-editor-toolbar-form .scrivito_customer_icon:hover {background:rgba(0,0,0,.3);}
-.medium-editor-toolbar-form .medium-editor-toolbar-input {margin: 1px;height:40px; background:rgba(0,0,0,.3);}

data/app/assets/stylesheets/scrivito_editors/placeholder.css

@@ -1,30 +0,0 @@
-/*
-  Placeholder styling for empty CMS attributes. The placeholder text is only displayed, if the
-  element is not focused and it gets a slightly less visible style.
-*/
-[data-scrivito-display-mode="editing"] [data-scrivito-editors-placeholder]:empty:not(:focus):before {
-  content: attr(data-scrivito-editors-placeholder);
-  color: rgba(64, 64, 64, 0.53);
-  display: inline-block;
-  font-size: 13px;
-  font-style: normal;
-  font-weight: normal;
-  line-height: 28px;
-  margin: 0;
-  padding: 0;
-  text-decoration: none;
-  vertical-align: middle;
-  cursor: pointer;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-}
-
-/* Firefox: Let the input cursor appear at the expected position */
-[data-scrivito-display-mode="editing"] [data-scrivito-editors-placeholder]:empty:focus:after,
-[data-scrivito-display-mode="editing"] [data-scrivito-editors-placeholder]:empty:focus:before {
-  content: "\200b";
-  color: transparent;
-  display: inline-block;
-}

data/vendor/assets/stylesheets/medium-editor-themes/flat.css

@@ -1,58 +0,0 @@
-.medium-toolbar-arrow-under:after {
-  top: 60px;
-  border-color: #57ad68 transparent transparent transparent; }
-
-.medium-toolbar-arrow-over:before {
-  top: -8px;
-  border-color: transparent transparent #57ad68 transparent; }
-
-.medium-editor-toolbar {
-  background-color: #57ad68; }
-  .medium-editor-toolbar li {
-    padding: 0; }
-    .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; }
-      .medium-editor-toolbar li button:hover {
-        background-color: #346a3f;
-        color: #fff; }
-    .medium-editor-toolbar li .medium-editor-button-active {
-      background-color: #23482a;
-      color: #fff; }
-    .medium-editor-toolbar li .medium-editor-button-last {
-      border-right: none; }
-
-.medium-editor-toolbar-form .medium-editor-toolbar-input {
-  height: 60px;
-  background: #57ad68;
-  color: #fff; }
-  .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
-    color: #fff;
-    color: rgba(255, 255, 255, 0.8); }
-  .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
-    /* Firefox 18- */
-    color: #fff;
-    color: rgba(255, 255, 255, 0.8); }
-  .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
-    /* Firefox 19+ */
-    color: #fff;
-    color: rgba(255, 255, 255, 0.8); }
-  .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
-    color: #fff;
-    color: rgba(255, 255, 255, 0.8); }
-
-.medium-editor-toolbar-form a {
-  color: #fff; }
-
-.medium-editor-toolbar-anchor-preview {
-  background: #57ad68;
-  color: #fff; }
-
-.medium-editor-placeholder:after {
-  color: #9ccea6; }

data/vendor/assets/stylesheets/medium-editor.css

@@ -1,230 +0,0 @@
-@-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); } }
-
-.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; }
-  .medium-editor-anchor-preview a {
-    color: #fff;
-    display: inline-block;
-    margin: 5px 5px 10px; }
-
-.medium-editor-anchor-preview-active {
-  visibility: visible; }
-
-.medium-editor-dragover {
-  background: #ddd; }
-
-.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; }
-
-.medium-editor-placeholder {
-  position: relative; }
-  .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; }
-
-.medium-editor-placeholder-relative {
-  position: relative; }
-  .medium-editor-placeholder-relative:after {
-    content: attr(data-placeholder) !important;
-    font-style: italic;
-    position: relative;
-    white-space: pre;
-    padding: inherit;
-    margin: inherit; }
-
-.medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
-  border-style: solid;
-  content: '';
-  display: block;
-  height: 0;
-  left: 50%;
-  margin-left: -8px;
-  position: absolute;
-  width: 0; }
-
-.medium-toolbar-arrow-under:after {
-  border-width: 8px 8px 0 8px; }
-
-.medium-toolbar-arrow-over:before {
-  border-width: 0 8px 8px 8px;
-  top: -8px; }
-
-.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; }
-  .medium-editor-toolbar ul {
-    margin: 0;
-    padding: 0; }
-  .medium-editor-toolbar li {
-    float: left;
-    list-style: none;
-    margin: 0;
-    padding: 0; }
-    .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; }
-      .medium-editor-toolbar li button:focus {
-        outline: none; }
-    .medium-editor-toolbar li .medium-editor-action-underline {
-      text-decoration: underline; }
-    .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; }
-
-.medium-editor-toolbar-active {
-  visibility: visible; }
-
-.medium-editor-sticky-toolbar {
-  position: fixed;
-  top: 1px; }
-
-.medium-editor-relative-toolbar {
-  position: relative; }
-
-.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; }
-
-.medium-editor-action-bold {
-  font-weight: bolder; }
-
-.medium-editor-action-italic {
-  font-style: italic; }
-
-.medium-editor-toolbar-form {
-  display: none; }
-  .medium-editor-toolbar-form input,
-  .medium-editor-toolbar-form a {
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
-  .medium-editor-toolbar-form .medium-editor-toolbar-form-row {
-    line-height: 14px;
-    margin-left: 5px;
-    padding-bottom: 5px; }
-  .medium-editor-toolbar-form .medium-editor-toolbar-input,
-  .medium-editor-toolbar-form label {
-    border: none;
-    box-sizing: border-box;
-    font-size: 14px;
-    margin: 0;
-    padding: 6px;
-    width: 316px;
-    display: inline-block; }
-    .medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
-    .medium-editor-toolbar-form label:focus {
-      -webkit-appearance: none;
-         -moz-appearance: none;
-              appearance: none;
-      border: none;
-      box-shadow: none;
-      outline: 0; }
-  .medium-editor-toolbar-form a {
-    display: inline-block;
-    font-size: 24px;
-    font-weight: bolder;
-    margin: 0 10px;
-    text-decoration: none; }
-
-.medium-editor-toolbar-form-active {
-  display: block; }
-
-.medium-editor-toolbar-actions:after {
-  clear: both;
-  content: "";
-  display: table; }
-
-.medium-editor-element {
-  word-wrap: break-word;
-  min-height: 30px; }
-  .medium-editor-element img {
-    max-width: 100%; }
-  .medium-editor-element sub {
-    vertical-align: sub; }
-  .medium-editor-element sup {
-    vertical-align: super; }
-
-.medium-editor-hidden {
-  display: none; }