1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-24 02:16:10 +01:00
site/_src/_assets/styles/bigchain/_header.scss
Matthias Kretschmann 8da52ced51
assets cleanup for smaller page sizes
* isolate some SVGs and don't include in sprite
* use smaller, cropped image for all default headers
2017-06-29 21:33:51 +02:00

53 lines
870 B
SCSS

.header {
@extend .background--photo;
background-image: url('../img/header-berlin.jpg');
background-position: center bottom;
}
.header__content {
padding: ($spacer * 3) 0;
text-align: center;
}
// intro animation
.header__title,
.header__tagline,
.header__description,
.header__logo,
.header__label {
.wf-active &,
.wf-inactive & {
@extend .animation-slide-in-from-bottom;
animation-fill-mode: backwards;
}
}
.header__description,
.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 {
font-size: $font-size-h3;
color: #fff;
}