diff --git a/_src/_assets/styles/bigchain/_variables.scss b/_src/_assets/styles/bigchain/_variables.scss index eef23cd..e4cacf2 100644 --- a/_src/_assets/styles/bigchain/_variables.scss +++ b/_src/_assets/styles/bigchain/_variables.scss @@ -47,7 +47,7 @@ $font-size-root-lg: 18px !default; $font-size-base: 1rem !default; $font-size-lg: 1.25rem !default; -$font-size-sm: 0.75rem !default; +$font-size-sm: 0.875rem !default; $font-size-xs: 0.75rem !default; $font-size-h1: 3rem !default; diff --git a/_src/_assets/styles/page-front.scss b/_src/_assets/styles/page-front.scss index d93c946..8768e71 100644 --- a/_src/_assets/styles/page-front.scss +++ b/_src/_assets/styles/page-front.scss @@ -31,11 +31,6 @@ z-index: 0; } - .hero__content { - position: relative; - z-index: 1; - } - .logo { fill-opacity: .6; margin: auto; @@ -49,14 +44,14 @@ .section-title { color: #fff; - margin-bottom: ($spacer * 3); + margin-bottom: $spacer; &:after { display: none } } .btn-link { color: #fff; - margin-top: ($spacer * 3); + margin-top: ($spacer * 4); opacity: .7; &:hover, @@ -80,10 +75,15 @@ } } + .btn-link { + + } + // intro animation .logo, .section-title, - .btn { + .btn, + .hero__comingsoon { @extend .animation-slide-in-from-bottom; animation-duration: 1s; animation-fill-mode: backwards; @@ -94,22 +94,36 @@ } .section-title, - .btn { + .btn, + .hero__comingsoon { @extend .animation-slide-in-from-bottom; animation-play-state: paused; } - .btn { animation-delay: .2s; } - .btn-link { animation-delay: .4s; } + .hero__comingsoon { animation-delay: .2s; } + .btn { animation-delay: .4s; } + .btn-link { animation-delay: .6s; } &.is-ready { .section-title, - .btn { + .btn, + .hero__comingsoon { animation-play-state: running; } } +} +.hero__content { + position: relative; + z-index: 1; +} +.hero__comingsoon { + text-shadow: none; + display: block; + color: rgba($brand-main-blue-dark, .9); + margin-top: ($spacer * 2); + margin-bottom: ($spacer * 2); } diff --git a/_src/index.html b/_src/index.html index 8efb0a7..3d5be33 100644 --- a/_src/index.html +++ b/_src/index.html @@ -11,8 +11,9 @@ front_page: true Logo -

Bigchain is coming.

+

Meet Bigchain, the world’s most scalable blockchain.

+ Coming soon Get Early Access

Learn More