diff --git a/_src/_assets/scss/_sections.scss b/_src/_assets/scss/_sections.scss index cdf255f..e3b24db 100644 --- a/_src/_assets/scss/_sections.scss +++ b/_src/_assets/scss/_sections.scss @@ -44,6 +44,16 @@ .section__description { font-size: $font-size-large; margin-bottom: 0; + color: darken($brand-04, 5%); +} + +.section__actions { + text-align: center; + margin-top: $spacer * 2; + + .button + .button { + margin-left: $spacer * 2; + } } diff --git a/_src/_assets/scss/_variables.scss b/_src/_assets/scss/_variables.scss index f354f44..f9dcee8 100644 --- a/_src/_assets/scss/_variables.scss +++ b/_src/_assets/scss/_variables.scss @@ -17,7 +17,7 @@ $font-family-monospace: Menlo, Monaco, Consolas, 'Courier New', monospace !d $font-size-root: 20px !default; $font-size-root-lg: 22px !default; -$line-height: 1.4 !default; +$line-height: 1.33333 !default; $spacer: 1rem !default; $font-weight-light: 300 !default; diff --git a/_src/_assets/scss/page-foundation.scss b/_src/_assets/scss/page-foundation.scss index e69de29..6c34896 100644 --- a/_src/_assets/scss/page-foundation.scss +++ b/_src/_assets/scss/page-foundation.scss @@ -0,0 +1,32 @@ +@import 'variables'; + +.feature { + padding-left: 5rem; + position: relative; +} + +.feature__image { + width: 4rem; + height: 4rem; + position: absolute; + left: 0; + top: 0; + border-radius: 1rem; +} + +.feature__title { + font-size: $font-size-h5; + margin-bottom: $spacer / 2; +} + +.caretakers-current { + margin-top: $spacer * 2; + + .section__title { + font-size: $font-size-h2; + } + + .logo-caretaker { + opacity: 1; + } +} diff --git a/_src/_assets/scss/page-front.scss b/_src/_assets/scss/page-front.scss index 594ff68..391571b 100644 --- a/_src/_assets/scss/page-front.scss +++ b/_src/_assets/scss/page-front.scss @@ -34,19 +34,10 @@ } .feature__title { - font-size: $font-size-h3; + font-size: $font-size-h4; margin-bottom: $spacer / 2; } -.actions { - text-align: center; - margin-top: $spacer * 2; - - .button:last-child { - margin-left: $spacer * 2; - } -} - .connect__title { font-size: $font-size-h3; } diff --git a/_src/foundation/index.html b/_src/foundation/index.html index c4603b8..1ad3d9e 100644 --- a/_src/foundation/index.html +++ b/_src/foundation/index.html @@ -42,11 +42,15 @@ css: page-foundation -
{{ feature.description }}
{{ content.caretakers.members.description }}
-{{ content.caretakers.members.description }}
+