[REF] web: add LESS mixins to make hovering effects

This commit is contained in:
stefanorigano
2017-08-30 13:45:17 +02:00
committed by qsm-odoo
parent a49fdd86b3
commit 2175e7c011
+18
View File
@@ -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;
}
}