documentation/_extensions/odoo/static/animations.less
stefanorigano 28f197ca71 [IMP] all: new design to match the one on odoo.com
* upgrade to bootstrap 3.3.6

* new Header, port website LESS
  - Add the new header
  - Modify sub-header in order to handle “back” button and version
    switcher
  - Port website’s Less:
    * Use same variables’ names
    * Review fonts and colours in order to fit the new style

* add new footer

* Review and optimise JS code in order properly handle the new header,
  footer and card.top animations

* replace  banner images
2016-04-26 11:23:38 +02:00

59 lines
697 B
Plaintext

// Animations
.keyframes(ripple; {
100% {
opacity: 0;
.scale(2.5);
}
});
.keyframes(fadeInUp; {
0% {
opacity: 0;
.translate(0; 60px);
}
40% { opacity: 1}
100% {
opacity: 1;
.translate(none; none);
}
});
.keyframes(fadeIn; {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
});
.fadeInUp {
.animation(fadeInUp 1s);
}
.fadeIn {
.animation(fadeIn 1s);
}
// Ripple Buttons
.ripple {
z-index: 2;
}
.inner-ripple {
display: block;
position: absolute;
border-radius: 100%;
opacity: 1;
z-index: -1;
background: rgba(0, 0, 0, .05);
pointer-events: none;
.scale(0);
}
.inner-ripple-animated {
.animation(ripple 0.35s ease-in);
}