mirror of
https://github.com/bigchaindb/site.git
synced 2024-11-22 17:50:07 +01:00
54 lines
910 B
SCSS
54 lines
910 B
SCSS
.header {
|
|
@extend .background--photo;
|
|
background-image: url('../img/header-berlin.jpg');
|
|
background-position: center center;
|
|
}
|
|
|
|
.header__content {
|
|
padding: ($spacer * 4) 0;
|
|
text-align: center;
|
|
}
|
|
|
|
// intro animation
|
|
.header__title,
|
|
.header__tagline,
|
|
.header__logo,
|
|
.header__label {
|
|
.wf-active &,
|
|
.wf-inactive & {
|
|
@extend .animation-slide-in-from-bottom;
|
|
animation-fill-mode: backwards;
|
|
}
|
|
}
|
|
|
|
.header__tagline,
|
|
.header__logo {
|
|
.wf-active &,
|
|
.wf-inactive & {
|
|
animation-delay: .3s;
|
|
}
|
|
}
|
|
|
|
.header__btn,
|
|
.header__label {
|
|
.wf-active &,
|
|
.wf-inactive & {
|
|
animation-delay: .5s;
|
|
}
|
|
}
|
|
|
|
.header__title,
|
|
.header__tagline {
|
|
position: relative;
|
|
z-index: 1;
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
|
|
.header__tagline,
|
|
h2.header__tagline {
|
|
font-size: $font-size-h4;
|
|
font-weight: $font-weight-normal;
|
|
margin-top: $spacer;
|
|
}
|