From 6d439ec6df249e6460368e96b884014198504c41 Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Tue, 25 Aug 2015 15:17:01 +0200
Subject: [PATCH] [IMP] web: backport of utils.less file

Add mixins for transition, animation and text-overflow.
---
 addons/web/static/src/less/utils.less | 35 +++++++++++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)

diff --git a/addons/web/static/src/less/utils.less b/addons/web/static/src/less/utils.less
index 8b8d02898e6..a3100f931f5 100644
--- a/addons/web/static/src/less/utils.less
+++ b/addons/web/static/src/less/utils.less
@@ -137,7 +137,6 @@
     li {
         position: relative;
         > a {
-            padding: 3px 25px;
             color: @odoo-main-text-color;
             &:hover {
                 color: darken(@odoo-main-text-color, 10%);
@@ -177,6 +176,26 @@
     transform-origin: @x @y @z;
 }
 
+// ------------------------------------------------------------------
+// Animation
+// ------------------------------------------------------------------
+.o-animation(@name: none, @duration: 0s, @timing-function: ease, @delay: 0s, @iteration-count: 1, @direction: normal, @fill-mode: none, @play-state: running) {
+    -webkit-animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state;
+    -moz-animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state;
+    -o-animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state;
+    animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state;
+}
+
+// ------------------------------------------------------------------
+// Transition
+// ------------------------------------------------------------------
+.o-transition(@property: all, @duration: 0s, @timing-function: easy, @transition-delay: 0s) {
+    -webkit-transition: @property @duration @timing-function @transition-delay;
+    -moz-transition: @property @duration @timing-function @transition-delay;
+    -o-transition: @property @duration @timing-function @transition-delay;
+    transition: @property @duration @timing-function @transition-delay;
+}
+
 // ------------------------------------------------------------------
 // Position absolute
 // ------------------------------------------------------------------
@@ -186,4 +205,16 @@
     left: @left;
     bottom: @bottom;
     right: @right;
-}
\ No newline at end of file
+}
+
+// ------------------------------------------------------------------
+// Text overflow
+// ------------------------------------------------------------------
+.o-text-overflow(@display: inline-block) {
+    display: @display;
+    max-width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    vertical-align: top; // To update display context changed by overflow:hidden
+}