From da88c56b0e455194153826cdea231eb33123d8bf Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Thu, 24 Aug 2017 18:56:24 +0200 Subject: [PATCH] feature assets tests, more spacious grid gutters --- _src/_assets/img/feature-bigchaindb.svg | 70 +++++++++++++++++++++++++ _src/_assets/scss/_grid.scss | 4 +- _src/_assets/scss/page-front.scss | 14 +++++ _src/_data/content-front.yml | 1 + _src/index.html | 7 ++- 5 files changed, 93 insertions(+), 3 deletions(-) create mode 100644 _src/_assets/img/feature-bigchaindb.svg diff --git a/_src/_assets/img/feature-bigchaindb.svg b/_src/_assets/img/feature-bigchaindb.svg new file mode 100644 index 0000000..3353524 --- /dev/null +++ b/_src/_assets/img/feature-bigchaindb.svg @@ -0,0 +1,70 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/_src/_assets/scss/_grid.scss b/_src/_assets/scss/_grid.scss index fe1c796..b52e12e 100644 --- a/_src/_assets/scss/_grid.scss +++ b/_src/_assets/scss/_grid.scss @@ -97,10 +97,10 @@ // Gutters // @mixin grid-gutters() { - margin: -($spacer) 0 $spacer (-($spacer)); + margin: -($spacer * 2) 0 $spacer * 2 (-($spacer * 2)); > .grid__col { - padding: $spacer 0 0 $spacer; + padding: $spacer * 2 0 0 $spacer * 2; } } diff --git a/_src/_assets/scss/page-front.scss b/_src/_assets/scss/page-front.scss index 7680123..b5e5169 100644 --- a/_src/_assets/scss/page-front.scss +++ b/_src/_assets/scss/page-front.scss @@ -7,7 +7,21 @@ } .feature__image { + margin: 0; + background: $brand-05; + padding: $spacer; + padding-bottom: 0; + border-radius: 1rem; + min-height: 9rem; + display: flex; + align-items: flex-end; + svg { + width: 100%; + height: auto; + max-width: 100%; + display: block; + } } .feature__title { diff --git a/_src/_data/content-front.yml b/_src/_data/content-front.yml index 2f2bba7..9288525 100644 --- a/_src/_data/content-front.yml +++ b/_src/_data/content-front.yml @@ -11,6 +11,7 @@ intro: features: - title: "A single public database" text: "IPDB gives you easy access to a single public, decentralized database with added blockchain characteristics—all built on top of open source BigchainDB." + image: feature-bigchaindb - title: "No installation required—just sign up and go" text: "All you have to do is sign up to start using IPDB. IPDB Caretakers will handle running a BigchainDB network for you." - title: "Store any data, permanently" diff --git a/_src/index.html b/_src/index.html index af2cb7b..287e747 100644 --- a/_src/index.html +++ b/_src/index.html @@ -34,7 +34,12 @@ css: page-front
-
+
+ + {{ feature.title }} + + +