28f197ca71
* 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
59 lines
697 B
Plaintext
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);
|
|
} |