1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-22 17:50:07 +01:00
site/_src/_assets/styles/bigchain/_header.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;
}