diff --git a/_src/_assets/styles/_page-getstarted.scss b/_src/_assets/styles/_page-getstarted.scss index 7c6bf43..30346f6 100644 --- a/_src/_assets/styles/_page-getstarted.scss +++ b/_src/_assets/styles/_page-getstarted.scss @@ -349,18 +349,24 @@ // // Section: Docs // -.section--docs { - text-align: center; -} - .docs__actions { - border-top: 1px solid lighten($gray-light, 20%); + border-top: 1px solid darken($brand-main-gray-light, 5%); padding-top: $spacer * 2; } .docs__title { - @extend .h3; + @extend .h5; margin-top: 0; + + // the bottom line + &:after { + content: ''; + height: 2px; + width: 2rem; + display: block; + margin-top: $spacer; + background: $gray-light; + } } .docs__list { @@ -371,17 +377,6 @@ display: block; padding-left: 0; } - - a { - color: $brand-primary; - box-shadow: none; - - &:hover, - &:focus { - box-shadow: inset 0 -2px 0 $brand-primary; - background: transparent; - } - } } // diff --git a/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss b/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss index adbc8f3..56527be 100644 --- a/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss +++ b/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss @@ -10,7 +10,7 @@ } .background--light { - background: $brand-main-gray-lighter; + background: $brand-main-gray-light; .section-title, p, @@ -19,6 +19,10 @@ h3 { color: $brand-main-gray; } + + a { + color: darken($brand-main-gray, 10%); + } } .background--gray {