[REF] website,web_editor: complete restyling

1 files changed, 61 insertions, 0 deletions

diff --git a/addons/web_editor/static/src/less/web_editor.interactions.less b/addons/web_editor/static/src/less/web_editor.interactions.less
new file mode 100644
index 00000000000..20e70c6a095
--- /dev/null
+++ b/addons/web_editor/static/src/less/web_editor.interactions.less
@@ -0,0 +1,61 @@
+// Transitions
+// ======================
+
+@we_md-ease: cubic-bezier(0.19, 1, 0.22, 1);
+
+// Animation
+// ======================
+
+@-webkit-keyframes fadeInDownSmall {
+  0% {
+    opacity: 0;
+    .translateY(-5px);
+  }
+  100% {
+    opacity: 1;
+    .translateY(0);
+  }
+}
+@keyframes fadeInDownSmall {
+  0% {
+    opacity: 0;
+    .translateY(-5px);
+  }
+  100% {
+    opacity: 1;
+    .translateY(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;
+  }
+}
+
+@keyframes inputHighlighter {
+  from { background: @we_color-accent; }
+  to   { width:0; background:transparent; }
+}