diff --git a/_src/_assets/styles/bigchain/_buttons.scss b/_src/_assets/styles/bigchain/_buttons.scss index b91f4ce..41e5e88 100644 --- a/_src/_assets/styles/bigchain/_buttons.scss +++ b/_src/_assets/styles/bigchain/_buttons.scss @@ -5,6 +5,7 @@ // .btn { + @extend .transition; display: inline-block; font-family: $btn-font-family; font-weight: $btn-font-weight; @@ -15,8 +16,8 @@ cursor: pointer; user-select: none; border: 1px solid transparent; - @include button-size($btn-padding-y, $btn-padding-x, $font-size-sm, $line-height, $btn-border-radius); - transition: all .2s ease-in-out; + @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $line-height, $btn-border-radius); + min-width: 10rem; &, &:active, diff --git a/_src/_assets/styles/bigchain/_grid.scss b/_src/_assets/styles/bigchain/_grid.scss index 9fc1e5d..3e4ab1c 100644 --- a/_src/_assets/styles/bigchain/_grid.scss +++ b/_src/_assets/styles/bigchain/_grid.scss @@ -38,8 +38,8 @@ .row { max-width: 50em; margin: auto; - padding-left: $gutter-space; - padding-right: $gutter-space; + padding-left: ($gutter-space / 2); + padding-right: ($gutter-space / 2); } diff --git a/_src/_assets/styles/bigchain/_sections.scss b/_src/_assets/styles/bigchain/_sections.scss index 5f266a7..2518030 100644 --- a/_src/_assets/styles/bigchain/_sections.scss +++ b/_src/_assets/styles/bigchain/_sections.scss @@ -40,24 +40,29 @@ margin-top: 0; margin-bottom: ($spacer * 2); + @media ($screen-sm) { + font-size: $font-size-h2; + } + + // the bottom line &:after { content: ""; height: 2px; width: 5rem; display: block; margin: ($spacer * 2) auto 0 auto; - background: lighten($brand-main-gray, 30%); - } - - @media ($screen-sm) { - font-size: $font-size-h2; + background: $gray-lighter; } } .section-description { - color: $text-color; + color: $headings-color; margin-bottom: 0; + @media ($screen-sm) { + font-size: $font-size-lg; + } + + .section-description { margin-top: $spacer; } diff --git a/_src/_assets/styles/bigchain/_variables.scss b/_src/_assets/styles/bigchain/_variables.scss index eff1883..4c19624 100644 --- a/_src/_assets/styles/bigchain/_variables.scss +++ b/_src/_assets/styles/bigchain/_variables.scss @@ -16,11 +16,11 @@ $brand-main-gray: #70859B !default; $brand-main-brown: #B56D00 !default; $brand-main-light: #FFFFFF !default; -$gray-dark: #373a3c !default; +$gray-dark: darken($brand-main-gray, 20%) !default; $gray: $brand-main-gray !default; -$gray-light: #818a91 !default; -$gray-lighter: #eceeef !default; -$gray-lightest: #f7f7f9 !default; +$gray-light: lighten($brand-main-gray, 20%) !default; +$gray-lighter: lighten($brand-main-gray, 30%) !default; +$gray-lightest: lighten($brand-main-gray, 40%) !default; $brand-primary: $brand-main-blue !default; $brand-success: #388250 !default; @@ -68,7 +68,7 @@ $headings-color: $brand-main-gray !default; // Scaffolding // $body-bg: #fff !default; -$text-color: $brand-main-blue-dark !default; +$text-color: $gray-dark !default; $link-color: $brand-main-brown !default; $link-hover-color: darken($link-color, 15%) !default; @@ -166,7 +166,7 @@ $input-bg: rgba(255,255,255,.1) !default; $input-bg-disabled: $gray-lighter !default; $input-color: $gray !default; -$input-border-color: #ccc !default; +$input-border-color: $gray-lighter !default; $input-border-focus: #66afe9 !default; $input-box-shadow-focus: rgba(102,175,233,.6) !default; diff --git a/_src/index.html b/_src/index.html index 2b70422..8efb0a7 100644 --- a/_src/index.html +++ b/_src/index.html @@ -26,28 +26,28 @@ front_page: true

Key Features

+

Something like a value proposition also would fit here, just something to explain what exactly Bigchain is, what I can do with it and so on.

-
-
-

- - - - 100,000 transactions per second and climbing -

-

- - - - Petabyte Capacity -

-

- - - - Open Source -

-
+ +
+

+ + + + 100,000 transactions per second and climbing +

+

+ + + + Petabyte Capacity +

+

+ + + + Open Source +

@@ -56,12 +56,13 @@ front_page: true

Whitepaper

-

Coming soon

+

Create excitement by saying here what the whitepaper will contain and why visitors would want it.

- + +

Coming soon