summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorstefanorigano <sri@odoo.com>2017-08-26 12:40:13 +0200
committerqsm-odoo <qsm@odoo.com>2017-08-30 13:45:17 +0200
commit2175e7c011b1d2a40aa95ebc8c4d607b54cb75cb (patch)
tree08248cc663cef5e1ee82c2b14353652b95029cac
parenta49fdd86b3e372bcc330ff3821bc63163f6b6b1b (diff)
[REF] web: add LESS mixins to make hovering effects
-rw-r--r--addons/web/static/src/less/utils.less18
1 files changed, 18 insertions, 0 deletions
diff --git a/addons/web/static/src/less/utils.less b/addons/web/static/src/less/utils.less
index 19068dd3545..addc84d214b 100644
--- a/addons/web/static/src/less/utils.less
+++ b/addons/web/static/src/less/utils.less
@@ -254,3 +254,21 @@
-o-transform: @transform;
transform: @transform;
}
+
+// ------------------------------------------------------------------
+// Hovering effects
+// ------------------------------------------------------------------
+.o-hover-opacity(@default-opacity: 0.5, @hover-opacity: 1) {
+ opacity: @default-opacity;
+
+ &:hover, &:focus, &.focus {
+ opacity: @hover-opacity;
+ }
+}
+.o-hover-text-color(@default-color: @text-color, @hover-color: @link-color) {
+ color: @default-color;
+
+ &:hover, &:focus, &.focus {
+ color: @hover-color;
+ }
+}