}
}
+@rolloverDuration:250ms;
+
[data-rollover="upanddown"] {
&.animaterollover {
- animation: enterupanddown 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2 alternate forwards;
+ animation: enterupanddown @rolloverDuration cubic-bezier(0.250, 0.460, 0.450, 0.940) 2 alternate forwards;
+ }
+}
+
+[data-rollover="fadein"] {
+ transition: opacity @rolloverDuration;
+ opacity: 0;
+
+ &.animaterollover {
+ transition: opacity @rolloverDuration;
+ opacity: 1;
+ }
+}
+
+[data-rollover="fadeout"] {
+ transition: opacity @rolloverDuration;
+ opacity: 1;
+
+ &.animaterollover {
+ transition: opacity @rolloverDuration;
+ opacity: 0;
}
}