3 files changed, 32 insertions, 68 deletions
diff --git a/addons/web_editor/static/src/img/transparent.png b/addons/web_editor/static/src/img/transparent.png
new file mode 100644
index 00000000000..4a1bec033e7
--- /dev/null
+++ b/addons/web_editor/static/src/img/transparent.png
diff --git a/addons/web_editor/static/src/less/web_editor.ui.less b/addons/web_editor/static/src/less/web_editor.ui.less
index 9696d8b3a84..e2a25e8e9e0 100644
--- a/addons/web_editor/static/src/less/web_editor.ui.less
+++ b/addons/web_editor/static/src/less/web_editor.ui.less
@@ -237,11 +237,6 @@ html[lang] > body.editor_enable [data-oe-translation-state] {
 }
 
 // DROPZONES
-@-webkit-keyframes dropZoneInsert {
-    to {
-        background-color: fade(@odoo-brand-primary, 20%);
-    }
-}
 @keyframes dropZoneInsert {
     to {
         background-color: fade(@odoo-brand-primary, 20%);
@@ -1073,7 +1068,7 @@ body.editor_enable {
 // Mixins for buttons with alpha bg-color
 .o_alpha_button_preview () {
     position: relative;
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpivHnzJgMSUFNTQ+YyMeAFNJVm/P//PzL/1q1bg8VpAAEGAMiICJs4Ce8uAAAAAElFTkSuQmCC');
+    background-image: url('/web_editor/static/src/img/transparent.png');
     background-size: 10px auto;
     z-index: 1;
 
@@ -1086,6 +1081,36 @@ body.editor_enable {
     }
 }
 
+// Animations
+@keyframes fadeInDownSmall {
+    0% {
+        opacity: 0;
+        .translate(0, -5px);
+    }
+    100% {
+        opacity: 1;
+        .translate(0, 0);
+    }
+}
+@keyframes fadeInOut {
+    0% {
+        opacity: 0;
+    }
+    25% {
+        opacity: 1;
+    }
+    75% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+@keyframes inputHighlighter {
+    from { background: @odoo-brand-optional; }
+    to   { width: 0; background: transparent; }
+}
+
 // INPUTS
 @o-switch-size: 2ex;
 @o-switch-inactive-color: @gray-lighter;
diff --git a/addons/web_editor/static/src/less/web_editor.variables.less b/addons/web_editor/static/src/less/web_editor.variables.less
index c735967af86..382969d96b3 100644
--- a/addons/web_editor/static/src/less/web_editor.variables.less
+++ b/addons/web_editor/static/src/less/web_editor.variables.less
@@ -24,71 +24,10 @@
 // Transitions
 @o-we-md-ease: cubic-bezier(0.19, 1, 0.22, 1);
 
-// Animations
-@-webkit-keyframes fadeInDownSmall {
-    0% {
-        opacity: 0;
-        .translate(0, -5px);
-    }
-    100% {
-        opacity: 1;
-        .translate(0, 0);
-    }
-}
-@keyframes fadeInDownSmall {
-    0% {
-        opacity: 0;
-        .translate(0, -5px);
-    }
-    100% {
-        opacity: 1;
-        .translate(0, 0);
-    }
-}
-
-@-webkit-keyframes fadeInOut {
-    0% {
-        opacity: 0;
-    }
-    25% {
-        opacity: 1;
-    }
-    75% {
-        opacity: 1;
-    }
-    100% {
-        opacity: 0;
-    }
-}
-@keyframes fadeInOut {
-    0% {
-        opacity: 0;
-    }
-    25% {
-        opacity: 1;
-    }
-    75% {
-        opacity: 1;
-    }
-    100% {
-        opacity: 0;
-    }
-}
-
-@-webkit-keyframes inputHighlighter {
-    from { background: @odoo-brand-optional; }
-    to   { width: 0; background: transparent; }
-}
-@keyframes inputHighlighter {
-    from { background: @odoo-brand-optional; }
-    to   { width: 0; background: transparent; }
-}
-
-
 // ============    'Preview' component Mixins    ===============
 // Create a "preview" work-area to edit/customize specific elements
 
-.o-we-preview-box(@padding: 0px 25px 25px 25px, @color-text: white ) {
+.o-we-preview-box(@padding: 0px 25px 25px 25px, @color-text: white) {
     padding: @padding;
     border-top: 1px solid black;
     border-bottom: 1px solid white;