1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-24 02:16:10 +01:00

nicer intro animation

This commit is contained in:
Matthias Kretschmann 2017-05-06 18:12:55 +02:00
parent 6ede38abfc
commit 20d4ff375b
Signed by: m
GPG Key ID: BD3C1F3EDD7831FC
2 changed files with 36 additions and 26 deletions

View File

@ -3,5 +3,8 @@
@extend .background--darker;
color: $gray-light;
padding-top: $spacer * 3;
padding-bottom: 0;
&.section {
padding-bottom: 0;
}
}

View File

@ -35,34 +35,40 @@ $menu-height-md: 66px;
font-size: $font-size-h1;
}
&:after { display: none }
&::after { display: none; }
}
}
// intro animation
.section-title,
.hero__action {
.wf-active &,
.wf-inactive & {
@extend .animation-slide-in-from-bottom;
animation-fill-mode: backwards;
}
//
// intro animation
//
.hero .section-title,
.hero__action {
.wf-active &,
.wf-inactive & {
@include animation-slide-in-from-bottom;
animation-fill-mode: backwards;
}
}
.hero__action {
.wf-active &,
.wf-inactive & {
animation-delay: .5s;
}
.hero__action {
.wf-active &,
.wf-inactive & {
animation-delay: .5s;
}
}
.hero__community,
.hero__more {
.wf-active &,
.wf-inactive & {
@extend .animation-fade-in;
animation-fill-mode: backwards;
animation-delay: .8s;
}
.page-front .menu--main,
.hero__community,
.hero__more {
@include transition;
opacity: 0;
transition-delay: .8s;
.wf-active &,
.wf-inactive & {
opacity: 1;
}
}
@ -122,8 +128,9 @@ $menu-height-md: 66px;
.hero__more {
color: #fff;
opacity: .8;
position: relative;
z-index: 2;
color: rgba(#fff, .6);
align-self: flex-end;
margin-bottom: $spacer;
width: 100%;
@ -134,7 +141,7 @@ $menu-height-md: 66px;
}
&:hover,
&:focus { opacity: 1; }
&:focus { color: #fff; }
// the caret
.icon {