Sha256: 31e04952158d6733b1afd2db1e7dda072692423c57a7b41ff8fc861f409d039b
Contents?: true
Size: 1013 Bytes
Versions: 5
Compression:
Stored size: 1013 Bytes
Contents
#OnboardingIndex {
h1.welcome {
opacity: 0;
@include animation(slideIn 3s ease forwards);
}
div.slogan {
text-align: center;
font-size: 1.4em;
letter-spacing: 2px;
span {
opacity: 0;
}
span:nth-child(1) {
@include animation(fadeIn 1s ease 2.9s forwards);
}
span:nth-child(2) {
@include animation(fadeIn 1s ease 3.8s forwards);
}
span:nth-child(3) {
@include animation(fadeIn 1s ease 4.7s forwards);
}
}
& > section {
@include display(flex);
@include align-items(center);
@include justify-content(center);
@include flex-direction(column);
margin: 3em 0 0 0;
min-height: 50vh;
min-width: 60vw;
&.welcome {
opacity: 0;
@include animation(fadeIn 2s ease 6s forwards);
}
}
}
@include keyframes(slideIn) {
0% {
opacity: 0;
}
100% {
opacity: 1;
margin-top: -1em;
}
}
@include keyframes(fadeIn) {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
Version data entries
5 entries across 5 versions & 1 rubygems