diff --git a/_src/_assets/images/logo-services.svg b/_src/_assets/images/logo-services.svg index 476ec6b..04e64c4 100644 --- a/_src/_assets/images/logo-services.svg +++ b/_src/_assets/images/logo-services.svg @@ -1,10 +1,10 @@ - - + + - - + + diff --git a/_src/_assets/styles/_page-services.scss b/_src/_assets/styles/_page-services.scss index 4a76fb4..40a5274 100644 --- a/_src/_assets/styles/_page-services.scss +++ b/_src/_assets/styles/_page-services.scss @@ -23,15 +23,13 @@ } } - .feature__text { - opacity: .75; - } - .feature__icon { margin-top: 0; margin-bottom: $spacer / 6; width: 2.2rem; height: 2.2rem; + stroke: darken($brand-main-violet, 30%); + color: $brand-main-blue-light; } } @@ -56,13 +54,7 @@ } .btn { - @extend .btn-secondary; min-width: 220px; - - &:first-of-type { - @extend .btn-primary; - margin-right: $spacer; - } } } @@ -71,7 +63,7 @@ text-align: center; margin-top: $spacer * 2; padding-top: $spacer * 2; - border-top: 1px solid darken($brand-main-green, 5%); + border-top: 1px solid darken($brand-main-violet, 5%); } } diff --git a/_src/_assets/styles/_sections/_section-cta-services.scss b/_src/_assets/styles/_sections/_section-cta-services.scss index 1bd6e68..fdf6362 100644 --- a/_src/_assets/styles/_sections/_section-cta-services.scss +++ b/_src/_assets/styles/_sections/_section-cta-services.scss @@ -9,12 +9,8 @@ margin-bottom: $spacer; transform: scale(.8); transform-origin: left; - } - - .logo-services--text, - .logo-services .logo { - color: $brand-main-blue-light; - fill: $brand-main-blue-light; + color: darken($brand-main-violet, 25%); + fill: darken($brand-main-violet, 25%); } .section-header { @@ -23,9 +19,14 @@ .section-title { text-align: left; + margin-bottom: $spacer * 2.5; &:after { display: none; } } + + .btn { + color: #fff !important; // stylelint-disable-line + } } diff --git a/_src/_assets/styles/bigchain/_logo.scss b/_src/_assets/styles/bigchain/_logo.scss index 4304659..84503bb 100644 --- a/_src/_assets/styles/bigchain/_logo.scss +++ b/_src/_assets/styles/bigchain/_logo.scss @@ -45,3 +45,7 @@ width: 100%; height: auto; } + +.logo--services { + color: $brand-main-violet; +} diff --git a/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss b/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss index 56527be..8616297 100644 --- a/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss +++ b/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss @@ -64,6 +64,26 @@ } } +.background--violet { + background: $brand-main-violet; + + &, + .section-description, + p { + color: darken($brand-main-violet, 35%); + } + + .feature__title, + .section-title { + color: darken($brand-main-violet, 50%); + + // the bottom line + &:after { + background: $brand-main-blue-light; + } + } +} + // // Photo background diff --git a/_src/_includes/sections/section-cta-services.html b/_src/_includes/sections/section-cta-services.html index d3ee017..88d018a 100644 --- a/_src/_includes/sections/section-cta-services.html +++ b/_src/_includes/sections/section-cta-services.html @@ -1,8 +1,8 @@ -
+
-

{{ page.hero.description }}

{% for cta in page.hero.cta %} - {{ cta.name }} + {{ cta.name }} {% endfor %}
-
+