diff --git a/_src/_assets/styles/bigchain/_content-page.scss b/_src/_assets/styles/bigchain/_content-page.scss index afe4438..f36b2fc 100644 --- a/_src/_assets/styles/bigchain/_content-page.scss +++ b/_src/_assets/styles/bigchain/_content-page.scss @@ -1,9 +1,10 @@ .content--page { .row { - > h2 { - border-bottom: 1px solid $gray-lightest; + > h1, h2 { + border-bottom: 2px solid $gray-lightest; padding-bottom: $spacer; + margin-bottom: ($spacer * 2); text-align: center; } } diff --git a/_src/_assets/styles/bigchain/_grid.scss b/_src/_assets/styles/bigchain/_grid.scss index a16664e..a645e7f 100644 --- a/_src/_assets/styles/bigchain/_grid.scss +++ b/_src/_assets/styles/bigchain/_grid.scss @@ -36,7 +36,7 @@ } .row { - max-width: 42em; + max-width: 45em; margin: auto; padding-left: $gutter-space; padding-right: $gutter-space; diff --git a/_src/_assets/styles/bigchain/_menus.scss b/_src/_assets/styles/bigchain/_menus.scss index 52076b7..9a85dde 100644 --- a/_src/_assets/styles/bigchain/_menus.scss +++ b/_src/_assets/styles/bigchain/_menus.scss @@ -9,7 +9,16 @@ .menu__logo { display: block; - svg { fill: #fff } + svg { + @extend .transition; + fill: #fff; + opacity: .8; + } + + &:hover svg, + &:focus svg { + opacity: 1; + } } diff --git a/_src/_assets/styles/bigchain/_sections.scss b/_src/_assets/styles/bigchain/_sections.scss index 2e92e2c..0e913b3 100644 --- a/_src/_assets/styles/bigchain/_sections.scss +++ b/_src/_assets/styles/bigchain/_sections.scss @@ -91,6 +91,11 @@ .section-description { color: #fff } } +.background--light { + background: $gray-lightest; // fallback + background: linear-gradient(to bottom right, $gray-lightest 0%, lighten($gray-lightest, 10%) 100%); +} + .background--gray { background: $brand-main-gray; // fallback background: linear-gradient(to bottom right, $brand-main-gray 0%, lighten($brand-main-gray, 10%) 100%); diff --git a/_src/_assets/styles/bigchain/_team.scss b/_src/_assets/styles/bigchain/_team.scss index 04306f1..cb2bd59 100644 --- a/_src/_assets/styles/bigchain/_team.scss +++ b/_src/_assets/styles/bigchain/_team.scss @@ -9,14 +9,25 @@ .team__image { @extend .img--responsive; + background: $gray; width: 230px; - border-radius: 50%; + clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%); } .team__name { @extend .h5; color: $text-color; margin-bottom: 0; + + // the bottom line + &:after { + content: ""; + height: 2px; + width: 3rem; + display: block; + margin: ($spacer / 2) auto; + background: $gray-lightest; + } } .team__position { diff --git a/_src/_assets/styles/bigchain/_typography.scss b/_src/_assets/styles/bigchain/_typography.scss index 445a5fa..4238184 100644 --- a/_src/_assets/styles/bigchain/_typography.scss +++ b/_src/_assets/styles/bigchain/_typography.scss @@ -144,6 +144,12 @@ strong, .text-dimmed { color: $gray-light } + +.lead { + font-size: $font-size-lg; + color: $headings-color; +} + // // Lists // diff --git a/_src/_assets/styles/bigchain/_variables.scss b/_src/_assets/styles/bigchain/_variables.scss index fd8d6f3..0f765bd 100644 --- a/_src/_assets/styles/bigchain/_variables.scss +++ b/_src/_assets/styles/bigchain/_variables.scss @@ -49,10 +49,10 @@ $font-size-lg: 1.25rem !default; $font-size-sm: 0.8rem !default; $font-size-xs: 0.65rem !default; -$font-size-h1: 3rem !default; -$font-size-h2: 2.5rem !default; -$font-size-h3: 2rem !default; -$font-size-h4: 1.5rem !default; +$font-size-h1: 2.5rem !default; +$font-size-h2: 2rem !default; +$font-size-h3: 1.5rem !default; +$font-size-h4: 1rem !default; $font-size-h5: $font-size-base !default; $font-size-h6: 0.85rem !default; @@ -106,7 +106,7 @@ $component-active-bg: $brand-primary !default; // // Grid // -$gutter-space: ($spacer * 2) !default; +$gutter-space: ($spacer * 3) !default; // diff --git a/_src/index.html b/_src/index.html index d681c31..9c647ab 100644 --- a/_src/index.html +++ b/_src/index.html @@ -55,7 +55,7 @@ front_page: true -
+

Suitable for