Xavier Morel
95e56a109d
Pretty much completely rewritten theme with custom HTML translator and a few parts of the old theme extracted to their own extensions. Banner images thought not to be that huge after all, and not worth the hassle of them living in a different repository. co-authored with @stefanorigano
59 lines
698 B
Plaintext
59 lines
698 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.3;
|
|
z-index: -1;
|
|
background: rgba(0, 0, 0, .2);
|
|
pointer-events: none;
|
|
.scale(0);
|
|
}
|
|
.inner-ripple-animated {
|
|
.animation(ripple 0.35s ease-in);
|
|
} |