From b417c3d25cb7d791ab265661d4c99b66c9182a6e Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 30 May 2017 18:25:40 +0200
Subject: [PATCH 1/8] switch to stylelint

---
 .scss-lint.yml | 45 ---------------------------------------------
 .stylelintrc   | 37 +++++++++++++++++++++++++++++++++++++
 package.json   |  5 ++++-
 3 files changed, 41 insertions(+), 46 deletions(-)
 delete mode 100644 .scss-lint.yml
 create mode 100644 .stylelintrc

diff --git a/.scss-lint.yml b/.scss-lint.yml
deleted file mode 100644
index ad2d037..0000000
--- a/.scss-lint.yml
+++ /dev/null
@@ -1,45 +0,0 @@
-#
-# https://github.com/airbnb/css/blob/master/.scss-lint.yml
-#
-severity: error
-
-linters:
-
-  BorderZero:
-    enabled: true
-    convention: zero
-
-  BemDepth:
-    enabled: true
-
-  DeclarationOrder:
-    enabled: false
-
-  ExtendDirective:
-    enabled: true
-
-  LeadingZero:
-    enabled: false
-
-  NameFormat:
-    enabled: true
-
-  PrivateNamingConvention:
-    enabled: true
-    prefix: _
-
-  PropertySortOrder:
-    enabled: false
-
-  QualifyingElement:
-    enabled: false
-
-  SelectorFormat:
-    enabled: true
-    convention: hyphenated_BEM
-    class_convention: ^(?!js-).*
-    class_convention_explanation: should not be written in the form js-*
-
-  Indentation:
-    enabled: true
-    width: 4
diff --git a/.stylelintrc b/.stylelintrc
new file mode 100644
index 0000000..ae318c2
--- /dev/null
+++ b/.stylelintrc
@@ -0,0 +1,37 @@
+{
+    "extends": "stylelint-config-standard",
+    "rules": {
+        "indentation": 4,
+        "string-quotes": "single",
+        "no-duplicate-selectors": true,
+        "color-hex-case": "lower",
+        "color-hex-length": "short",
+        "color-named": "never",
+        "selector-no-qualifying-type": true,
+        "selector-no-id": true,
+        "selector-combinator-space-after": "always",
+        "selector-attribute-quotes": "always",
+        "selector-attribute-operator-space-before": "never",
+        "selector-attribute-operator-space-after": "never",
+        "selector-attribute-brackets-space-inside": "never",
+        "declaration-block-trailing-semicolon": "always",
+        "declaration-no-important": true,
+        "declaration-colon-space-before": "never",
+        "declaration-colon-space-after": "always",
+        "number-leading-zero": "never",
+        "function-url-quotes": "always",
+        "font-weight-notation": "numeric",
+        "font-family-name-quotes": "always-where-recommended",
+        "comment-whitespace-inside": "always",
+        "comment-empty-line-before": "always",
+        "rule-empty-line-before": "always-multi-line",
+        "selector-pseudo-element-colon-notation": "single",
+        "selector-pseudo-class-parentheses-space-inside": "never",
+        "selector-no-type": true,
+        "media-feature-range-operator-space-before": "always",
+        "media-feature-range-operator-space-after": "always",
+        "media-feature-parentheses-space-inside": "never",
+        "media-feature-colon-space-before": "never",
+        "media-feature-colon-space-after": "always"
+    }
+}
diff --git a/package.json b/package.json
index 4ba350e..2ddc617 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,8 @@
   "main": "gulpfile.babel.js",
   "scripts": {
     "start": "gulp",
-    "build": "gulp build --production"
+    "build": "gulp build --production",
+    "test": "stylelint _src/_assets/styles/**/*.scss"
   },
   "browserslist": [
     "last 2 versions",
@@ -67,6 +68,8 @@
     "gulp-util": "^3.0.6",
     "js-yaml": "^3.8.3",
     "request": "^2.81.0",
+    "stylelint": "^7.10.1",
+    "stylelint-config-standard": "^16.0.0",
     "uglify-es": "^3.0.13"
   },
   "engines": {

From 2ddd333c3027a35857a05e28ebdc14f7bac84d27 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 30 May 2017 22:05:09 +0200
Subject: [PATCH 2/8] extend on bigchaindb/stylelint-config-bigchaindb

---
 .stylelintrc | 36 +-----------------------------------
 1 file changed, 1 insertion(+), 35 deletions(-)

diff --git a/.stylelintrc b/.stylelintrc
index ae318c2..b95eefa 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -1,37 +1,3 @@
 {
-    "extends": "stylelint-config-standard",
-    "rules": {
-        "indentation": 4,
-        "string-quotes": "single",
-        "no-duplicate-selectors": true,
-        "color-hex-case": "lower",
-        "color-hex-length": "short",
-        "color-named": "never",
-        "selector-no-qualifying-type": true,
-        "selector-no-id": true,
-        "selector-combinator-space-after": "always",
-        "selector-attribute-quotes": "always",
-        "selector-attribute-operator-space-before": "never",
-        "selector-attribute-operator-space-after": "never",
-        "selector-attribute-brackets-space-inside": "never",
-        "declaration-block-trailing-semicolon": "always",
-        "declaration-no-important": true,
-        "declaration-colon-space-before": "never",
-        "declaration-colon-space-after": "always",
-        "number-leading-zero": "never",
-        "function-url-quotes": "always",
-        "font-weight-notation": "numeric",
-        "font-family-name-quotes": "always-where-recommended",
-        "comment-whitespace-inside": "always",
-        "comment-empty-line-before": "always",
-        "rule-empty-line-before": "always-multi-line",
-        "selector-pseudo-element-colon-notation": "single",
-        "selector-pseudo-class-parentheses-space-inside": "never",
-        "selector-no-type": true,
-        "media-feature-range-operator-space-before": "always",
-        "media-feature-range-operator-space-after": "always",
-        "media-feature-parentheses-space-inside": "never",
-        "media-feature-colon-space-before": "never",
-        "media-feature-colon-space-after": "always"
-    }
+    "extends": "stylelint-config-bigchaindb"
 }

From 99f81a583d6e95be7ecd27209505f89b76174cfc Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 30 May 2017 22:20:13 +0200
Subject: [PATCH 3/8] switch to repo source for now

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 2ddc617..683ff4a 100644
--- a/package.json
+++ b/package.json
@@ -69,6 +69,7 @@
     "js-yaml": "^3.8.3",
     "request": "^2.81.0",
     "stylelint": "^7.10.1",
+    "stylelint-config-bigchaindb": "bigchaindb/stylelint-config-bigchaindb",
     "stylelint-config-standard": "^16.0.0",
     "uglify-es": "^3.0.13"
   },

From 68b4af30d11dd0b2e6a10355ce1c7fae1d6a2dc3 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 31 May 2017 00:22:14 +0200
Subject: [PATCH 4/8] lint like there's no tomorrow

---
 .stylelintrc                                  |   6 +-
 _src/_assets/styles/_ipdb.scss                | 103 ++---
 _src/_assets/styles/_page-404.scss            |  10 +-
 _src/_assets/styles/_page-about.scss          |   7 -
 _src/_assets/styles/_page-community.scss      |  22 +-
 _src/_assets/styles/_page-contact.scss        |   2 +-
 _src/_assets/styles/_page-enterprise.scss     |   7 +-
 _src/_assets/styles/_page-front.scss          |   2 +-
 _src/_assets/styles/_page-styleguide.scss     |   4 +-
 _src/_assets/styles/_page-usecases.scss       |   3 +-
 _src/_assets/styles/_sections.scss            |   3 +-
 .../_sections/_section-cta-features.scss      |   3 -
 .../styles/_sections/_section-cta.scss        |   3 -
 _src/_assets/styles/bigchain.scss             |   1 -
 _src/_assets/styles/bigchain/_buttons.scss    |  11 +-
 _src/_assets/styles/bigchain/_code.scss       |   2 +-
 .../styles/bigchain/_content-page.scss        |  12 +-
 _src/_assets/styles/bigchain/_forms.scss      |  61 ++-
 _src/_assets/styles/bigchain/_grid.scss       |  34 +-
 _src/_assets/styles/bigchain/_hero.scss       |   2 +-
 .../_assets/styles/bigchain/_input-group.scss |   2 +-
 _src/_assets/styles/bigchain/_menus.scss      |   2 +-
 .../styles/bigchain/_mixins/_backgrounds.scss |   6 +-
 .../styles/bigchain/_mixins/_buttons.scss     |   2 +
 .../bigchain/_mixins/_color-overlay.scss      |   4 +-
 .../_select2-bigchaindb/_multiple.scss        |   8 +-
 .../bigchain/_select2-bigchaindb/_single.scss |  16 +-
 .../bigchain/_select2-bigchaindb/layout.scss  |   6 +-
 _src/_assets/styles/bigchain/_syntax.scss     | 359 ++++++++++++++----
 _src/_assets/styles/bigchain/_tables.scss     |   1 +
 _src/_assets/styles/bigchain/_team.scss       |   7 +-
 _src/_assets/styles/bigchain/_terminal.scss   |  18 +-
 .../styles/bigchain/_testimonials.scss        |  11 +-
 _src/_assets/styles/bigchain/_timeline.scss   |   5 +-
 _src/_assets/styles/bigchain/_toc.scss        |   6 +-
 _src/_assets/styles/bigchain/_typography.scss |  38 +-
 _src/_assets/styles/bigchain/_utilities.scss  |   2 +-
 37 files changed, 503 insertions(+), 288 deletions(-)
 delete mode 100644 _src/_assets/styles/_sections/_section-cta-features.scss
 delete mode 100644 _src/_assets/styles/_sections/_section-cta.scss

diff --git a/.stylelintrc b/.stylelintrc
index b95eefa..d355f41 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -1,3 +1,7 @@
 {
-    "extends": "stylelint-config-bigchaindb"
+    "extends": "stylelint-config-bigchaindb",
+    rules: {
+        "selector-no-type": null,
+        "selector-no-qualifying-type": null
+    }
 }
diff --git a/_src/_assets/styles/_ipdb.scss b/_src/_assets/styles/_ipdb.scss
index 973a36f..74b46f2 100644
--- a/_src/_assets/styles/_ipdb.scss
+++ b/_src/_assets/styles/_ipdb.scss
@@ -44,202 +44,203 @@
 
 @keyframes shake {
     2% {
-        transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 0) rotate(.5deg);
     }
 
     4% {
-        transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
     }
 
     6% {
-        transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 0) rotate(.5deg);
     }
 
     8% {
-        transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 0) rotate(.5deg);
     }
 
     10% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     12% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     14% {
-        transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
     }
 
     16% {
-        transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
     }
 
     18% {
-        transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
     }
 
     20% {
-        transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
     }
 
     22% {
-        transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
     }
 
     24% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     26% {
-        transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
     }
 
     28% {
-        transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 0) rotate(.5deg);
     }
 
     30% {
-        transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
     }
 
     32% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     34% {
-        transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
     }
 
     36% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     38% {
-        transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 0) rotate(.5deg);
     }
 
     40% {
-        transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
     }
 
     42% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     44% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     46% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     48% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     50% {
-        transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
     }
 
     52% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     54% {
-        transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
     }
 
     56% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     58% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     60% {
-        transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 0) rotate(.5deg);
     }
 
     62% {
-        transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
     }
 
     64% {
-        transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
     }
 
     66% {
-        transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
     }
 
     68% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     70% {
-        transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
     }
 
     72% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     74% {
-        transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
     }
 
     76% {
-        transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
     }
 
     78% {
-        transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
     }
 
     80% {
-        transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
     }
 
     82% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     84% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     86% {
-        transform: scaleX(-1) translate(0px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 1px) rotate(.5deg);
     }
 
     88% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     90% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     92% {
-        transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 0) rotate(.5deg);
     }
 
     94% {
-        transform: scaleX(-1) translate(0px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(0, 0) rotate(.5deg);
     }
 
     96% {
-        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 1px) rotate(.5deg);
     }
 
     98% {
-        transform: scaleX(-1) translate(1px, 0px) rotate(.5deg)
+        transform: scaleX(-1) translate(1px, 0) rotate(.5deg);
     }
 
-    0%, 100% {
-        transform: scaleX(-1) translate(0, 0) rotate(0)
+    0%,
+    100% {
+        transform: scaleX(-1) translate(0, 0) rotate(0);
     }
 }
diff --git a/_src/_assets/styles/_page-404.scss b/_src/_assets/styles/_page-404.scss
index b3c08cb..8e3730b 100644
--- a/_src/_assets/styles/_page-404.scss
+++ b/_src/_assets/styles/_page-404.scss
@@ -1,19 +1,19 @@
 
 .page-404 {
+    @include color-overlay;
     position: relative;
     background-image: url('/assets/img/fail-cat.gif');
     background-size: cover;
     background-position: center center;
-    @include color-overlay;
 
-    &::before {
+    &:before {
         z-index: -1;
     }
 
     .header {
         background: none;
 
-        &::before { display: none; }
+        &:before { display: none; }
     }
 
     .header__title {
@@ -21,7 +21,7 @@
         padding-bottom: 0;
 
         // the bottom line
-        &::after {
+        &:after {
             content: '';
             height: 1px;
             width: 5rem;
@@ -52,6 +52,6 @@
     }
 
     .menu--footer {
-        a { color: #fff }
+        a { color: #fff; }
     }
 }
diff --git a/_src/_assets/styles/_page-about.scss b/_src/_assets/styles/_page-about.scss
index d99625e..e69de29 100644
--- a/_src/_assets/styles/_page-about.scss
+++ b/_src/_assets/styles/_page-about.scss
@@ -1,7 +0,0 @@
-
-.grid--team {
-    // manually center last column
-    .grid__col:last-child {
-        //margin: auto;
-    }
-}
diff --git a/_src/_assets/styles/_page-community.scss b/_src/_assets/styles/_page-community.scss
index 65c61f7..0f1956e 100644
--- a/_src/_assets/styles/_page-community.scss
+++ b/_src/_assets/styles/_page-community.scss
@@ -102,9 +102,11 @@
     #arm {
         transform-origin: right;
     }
+
     #head {
         transform-origin: center;
     }
+
     #eye {
         transform-origin: center;
     }
@@ -122,12 +124,15 @@
         #eye {
             &.paused { animation: none; }
         }
+
         #arm {
             animation: wrigley-wink 1s ease-in-out;
         }
+
         #head {
             animation: wrigley-head-nod 1s ease-in-out;
         }
+
         #eye {
             &.is-ready {
                 animation: wrigley-blink .3s ease-in-out forwards;
@@ -135,19 +140,26 @@
             }
         }
     }
-
 }
 
 @keyframes wrigley-wink {
     0% { transform: rotate(0); }
-    25%, 50% { transform: rotate(-20deg); }
-    30%, 100% { transform: rotate(0); }
+
+    25%,
+    50% { transform: rotate(-20deg); }
+
+    30%,
+    100% { transform: rotate(0); }
 }
 
 @keyframes wrigley-head-nod {
     0% { transform: rotate(0); }
-    25%, 50% { transform: rotate(-2deg); }
-    30%, 100% { transform: rotate(0); }
+
+    25%,
+    50% { transform: rotate(-2deg); }
+
+    30%,
+    100% { transform: rotate(0); }
 }
 
 @keyframes wrigley-blink {
diff --git a/_src/_assets/styles/_page-contact.scss b/_src/_assets/styles/_page-contact.scss
index 24b3185..525bd1c 100644
--- a/_src/_assets/styles/_page-contact.scss
+++ b/_src/_assets/styles/_page-contact.scss
@@ -7,6 +7,6 @@
 .contactlist {
     p { margin-bottom: 0; }
 
-    .p-adr  { margin-bottom: $spacer; }
+    .p-adr { margin-bottom: $spacer; }
     .social { margin-top: $spacer; }
 }
diff --git a/_src/_assets/styles/_page-enterprise.scss b/_src/_assets/styles/_page-enterprise.scss
index d3698d1..3f39c08 100644
--- a/_src/_assets/styles/_page-enterprise.scss
+++ b/_src/_assets/styles/_page-enterprise.scss
@@ -13,7 +13,7 @@
         margin-bottom: $spacer;
 
         // the bottom line
-        &::after {
+        &:after {
             content: '';
             height: 2px;
             width: 3rem;
@@ -109,7 +109,7 @@
 
     .feature__title {
         // the bottom line
-        &::after {
+        &:after {
             background: rgba($gray-light, .4);
         }
     }
@@ -126,7 +126,7 @@
     }
 
     .testimonial__quote {
-        &::before {
+        &:before {
             margin-left: -1.3rem;
         }
     }
@@ -149,6 +149,7 @@
             justify-content: space-between;
         }
     }
+
     .grid__col {
         @media ($screen-sm) {
             flex-basis: 48%;
diff --git a/_src/_assets/styles/_page-front.scss b/_src/_assets/styles/_page-front.scss
index 3a6830c..d8c236a 100644
--- a/_src/_assets/styles/_page-front.scss
+++ b/_src/_assets/styles/_page-front.scss
@@ -6,7 +6,7 @@
 
 .page-front {
     .section--partners {
-        @extend .background--darker
+        @extend .background--darker;
     }
 }
 
diff --git a/_src/_assets/styles/_page-styleguide.scss b/_src/_assets/styles/_page-styleguide.scss
index fcd917d..c8debe6 100644
--- a/_src/_assets/styles/_page-styleguide.scss
+++ b/_src/_assets/styles/_page-styleguide.scss
@@ -1,6 +1,6 @@
 
 .page-styleguide {
-    .highlight { margin-bottom: ($spacer * 2) }
+    .highlight { margin-bottom: ($spacer * 2); }
 
     .typeface {
         font-size: 7vw;
@@ -35,7 +35,7 @@
     &:hover {
         background: #444 !important;
 
-        .color-meta { opacity: 1 }
+        .color-meta { opacity: 1; }
     }
 }
 
diff --git a/_src/_assets/styles/_page-usecases.scss b/_src/_assets/styles/_page-usecases.scss
index 53c4163..bac3ceb 100644
--- a/_src/_assets/styles/_page-usecases.scss
+++ b/_src/_assets/styles/_page-usecases.scss
@@ -30,7 +30,6 @@
 // Industry section
 //
 .section--industry {
-
     .section-header {
         margin-bottom: $spacer * 2;
 
@@ -51,7 +50,7 @@
         margin-top: 0;
         margin-bottom: $spacer * 2;
 
-        &::after {
+        &:after {
             margin-left: 0;
         }
     }
diff --git a/_src/_assets/styles/_sections.scss b/_src/_assets/styles/_sections.scss
index f5444c0..ee7c9d6 100644
--- a/_src/_assets/styles/_sections.scss
+++ b/_src/_assets/styles/_sections.scss
@@ -44,7 +44,7 @@
     margin-bottom: ($spacer * 2);
 
     // the bottom line
-    &::after {
+    &:after {
         content: '';
         height: 2px;
         width: 3rem;
@@ -86,7 +86,6 @@
 // Specific sections
 //
 @import '_sections/section-cta-whitepaper';
-@import '_sections/section-cta-features';
 @import '_sections/section-cta-community';
 @import '_sections/section-cta-enterprise';
 @import '_sections/section-partners';
diff --git a/_src/_assets/styles/_sections/_section-cta-features.scss b/_src/_assets/styles/_sections/_section-cta-features.scss
deleted file mode 100644
index d337249..0000000
--- a/_src/_assets/styles/_sections/_section-cta-features.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.section-cta--features {
-
-}
diff --git a/_src/_assets/styles/_sections/_section-cta.scss b/_src/_assets/styles/_sections/_section-cta.scss
deleted file mode 100644
index e5987fa..0000000
--- a/_src/_assets/styles/_sections/_section-cta.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.section-cta {
-
-}
diff --git a/_src/_assets/styles/bigchain.scss b/_src/_assets/styles/bigchain.scss
index 2f4ce5c..d47c537 100644
--- a/_src/_assets/styles/bigchain.scss
+++ b/_src/_assets/styles/bigchain.scss
@@ -60,5 +60,4 @@
 @import 'page-cla';
 @import 'page-partners';
 @import 'page-enterprise';
-
 @import 'ipdb';
diff --git a/_src/_assets/styles/bigchain/_buttons.scss b/_src/_assets/styles/bigchain/_buttons.scss
index c834824..4ad256e 100644
--- a/_src/_assets/styles/bigchain/_buttons.scss
+++ b/_src/_assets/styles/bigchain/_buttons.scss
@@ -16,6 +16,7 @@
     user-select: none;
     border: 0;
     box-shadow: none;
+
     @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $line-height, $btn-border-radius);
 
     &:hover,
@@ -34,7 +35,7 @@
 
     &.disabled,
     &:disabled {
-        opacity: 0.45;
+        opacity: .45;
         box-shadow: none;
         cursor: not-allowed;
         pointer-events: none;
@@ -95,7 +96,7 @@ fieldset[disabled] a.btn {
 //
 // Make a button look and behave like a link
 .btn-link {
-    font-weight: normal;
+    font-weight: $font-weight-normal;
     color: $link-color;
     border-radius: 0;
 
@@ -165,9 +166,9 @@ fieldset[disabled] a.btn {
 
 
 // Specificity overrides
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
+input[type='submit'],
+input[type='reset'],
+input[type='button'] {
     &.btn-block {
         width: 100%;
     }
diff --git a/_src/_assets/styles/bigchain/_code.scss b/_src/_assets/styles/bigchain/_code.scss
index ce736c1..6a638c8 100644
--- a/_src/_assets/styles/bigchain/_code.scss
+++ b/_src/_assets/styles/bigchain/_code.scss
@@ -31,7 +31,7 @@ kbd {
     kbd {
         padding: 0;
         font-size: 100%;
-        font-weight: bold;
+        font-weight: $font-weight-bold;
         box-shadow: none;
     }
 }
diff --git a/_src/_assets/styles/bigchain/_content-page.scss b/_src/_assets/styles/bigchain/_content-page.scss
index 468b82a..94e0872 100644
--- a/_src/_assets/styles/bigchain/_content-page.scss
+++ b/_src/_assets/styles/bigchain/_content-page.scss
@@ -1,8 +1,3 @@
-
-.content--page {
-
-}
-
 .content--page--markdown {
     padding-top: ($spacer * 2);
     padding-bottom: ($spacer * 2);
@@ -12,7 +7,8 @@
         padding-bottom: ($spacer * 5);
     }
 
-    > h1, h2 {
+    > h1,
+    h2 {
         &:not(#heading-1):not(#heading-2) {
             border-bottom: 1px solid $brand-main-blue-light;
             padding-bottom: $spacer;
@@ -26,7 +22,7 @@
             display: inline-block;
             padding: 0 .25rem;
             opacity: 0;
-            transform: translate3d(20px,0,0) scale(0);
+            transform: translate3d(20px, 0, 0) scale(0);
 
             &,
             .header-icon {
@@ -52,7 +48,7 @@
         &:hover {
             .header-link {
                 opacity: 1;
-                transform: translate3d(0,0,0) scale(.8);
+                transform: translate3d(0, 0, 0) scale(.8);
             }
         }
     }
diff --git a/_src/_assets/styles/bigchain/_forms.scss b/_src/_assets/styles/bigchain/_forms.scss
index 8b6a1a6..b1c9584 100644
--- a/_src/_assets/styles/bigchain/_forms.scss
+++ b/_src/_assets/styles/bigchain/_forms.scss
@@ -54,6 +54,7 @@
         // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
         opacity: 1;
     }
+
     &:disabled {
         cursor: disabled;
     }
@@ -66,8 +67,8 @@
         + .form-label,
         + .select2-container--bigchaindb + .form-label {
             &:after {
-                content: "*";
                 @extend .required;
+                content: '*';
             }
         }
     }
@@ -153,7 +154,6 @@
 }
 
 
-
 //
 // Text areas
 //
@@ -197,19 +197,25 @@ select.form-control {
             position: static;
         }
     }
+
+    &.disabled {
+        label {
+            cursor: not-allowed;
+        }
+    }
 }
 
-.radio input[type="radio"],
-.radio-inline input[type="radio"],
-.checkbox input[type="checkbox"],
-.checkbox-inline input[type="checkbox"] {
+.radio input[type='radio'],
+.radio-inline input[type='radio'],
+.checkbox input[type='checkbox'],
+.checkbox-inline input[type='checkbox'] {
     position: absolute;
-    margin-bottom: -0.25rem;
+    margin-bottom: -.25rem;
     margin-left: -1.75rem;
-    margin-right: 0.25rem;
+    margin-right: .25rem;
 
     // reset styling, then style
-    -webkit-appearance:button;
+    -webkit-appearance: button;
     background: none;
 
     width: 1.3rem;
@@ -228,8 +234,8 @@ select.form-control {
     }
 }
 
-.radio input[type="radio"],
-.radio-inline input[type="radio"] {
+.radio input[type='radio'],
+.radio-inline input[type='radio'] {
     border-radius: 50%;
 }
 
@@ -248,43 +254,30 @@ select.form-control {
     margin-bottom: 0;
     vertical-align: middle;
     cursor: pointer;
+
+    &.disabled {
+        cursor: not-allowed;
+    }
 }
+
 .radio-inline + .radio-inline,
 .checkbox-inline + .checkbox-inline {
     margin-top: 0;
-    margin-left: 0.75rem;
+    margin-left: .75rem;
 }
 
 // Apply same disabled cursor tweak as for inputs
 // Some special care is needed because <label>s don't inherit their parent's `cursor`.
 //
 // Note: Neither radios nor checkboxes can be readonly.
-input[type="radio"],
-input[type="checkbox"] {
+input[type='radio'],
+input[type='checkbox'] {
     &:disabled,
     &.disabled {
         cursor: not-allowed;
     }
 }
 
-// These classes are used directly on <label>s
-.radio-inline,
-.checkbox-inline {
-    &.disabled {
-        cursor: not-allowed;
-    }
-}
-
-// These classes are used on elements with <label> descendants
-.radio,
-.checkbox {
-    &.disabled {
-        label {
-            cursor: not-allowed;
-        }
-    }
-}
-
 
 //
 // Form Validation States
@@ -334,6 +327,6 @@ input[type="checkbox"] {
 }
 
 @keyframes errors-list-show {
-    from { transform: translate3d(0,0,0); }
-    to   { transform: translate3d(0,( $font-size-sm + ($spacer / 4)),0); }
+    from { transform: translate3d(0, 0, 0); }
+    to { transform: translate3d(0, ( $font-size-sm + ($spacer / 4)), 0); }
 }
diff --git a/_src/_assets/styles/bigchain/_grid.scss b/_src/_assets/styles/bigchain/_grid.scss
index 89c07f4..abecb41 100644
--- a/_src/_assets/styles/bigchain/_grid.scss
+++ b/_src/_assets/styles/bigchain/_grid.scss
@@ -61,19 +61,19 @@
 // Alignment per row
 //
 .grid--top {
-    align-items: flex-start
+    align-items: flex-start;
 }
 
 .grid--bottom {
-    align-items: flex-end
+    align-items: flex-end;
 }
 
 .grid--center {
-    align-items: center
+    align-items: center;
 }
 
 .grid--justifycenter {
-    justify-content: center
+    justify-content: center;
 }
 
 
@@ -81,15 +81,15 @@
 // Alignment per cell
 //
 .grid__col--top {
-    align-self: flex-start
+    align-self: flex-start;
 }
 
 .grid__col--bottom {
-    align-self: flex-end
+    align-self: flex-end;
 }
 
 .grid__col--center {
-    align-self: center
+    align-self: center;
 }
 
 
@@ -100,11 +100,11 @@
     margin: -($gutter-space) 0 $gutter-space (-($gutter-space));
 
     > .grid__col {
-        padding: $gutter-space 0 0 $gutter-space;;
+        padding: $gutter-space 0 0 $gutter-space;
     }
 }
 
-.grid--gutters{
+.grid--gutters {
     @include grid-gutters();
 }
 
@@ -170,15 +170,19 @@
     .grid-small--columns {
         @include grid-columns();
     }
+
     .grid-small--fit {
         > .grid__col { flex: 1; }
     }
-    .grid-small--full{
+
+    .grid-small--full {
         > .grid__col { flex: 0 0 100%; }
     }
+
     .grid-small--third {
         > .grid__col { flex: 0 0 33.3%; }
     }
+
     .grid-small--half {
         > .grid__col {
             flex: 0 0 50%;
@@ -191,15 +195,19 @@
     .grid-medium--columns {
         @include grid-columns();
     }
+
     .grid-medium--fit {
-        > .grid__col { flex: 1 }
+        > .grid__col { flex: 1; }
     }
+
     .grid-medium--full {
         > .grid__col { flex: 0 0 100%; }
     }
+
     .grid-medium--third {
         > .grid__col { flex: 0 0 33.3%; }
     }
+
     .grid-medium--half {
         > .grid__col {
             flex: 0 0 50%;
@@ -212,15 +220,19 @@
     .grid-large--columns {
         @include grid-columns();
     }
+
     .grid-large--fit {
         > .grid__col { flex: 1; }
     }
+
     .grid-large--full {
         > .grid__col { flex: 0 0 100%; }
     }
+
     .grid-large--third {
         > .grid__col { flex: 0 0 33.3%; }
     }
+
     .grid-large--half {
         > .grid__col {
             flex: 0 0 50%;
diff --git a/_src/_assets/styles/bigchain/_hero.scss b/_src/_assets/styles/bigchain/_hero.scss
index f6dd792..d4f4e2e 100644
--- a/_src/_assets/styles/bigchain/_hero.scss
+++ b/_src/_assets/styles/bigchain/_hero.scss
@@ -35,7 +35,7 @@ $menu-height-md: 66px;
             font-size: $font-size-h1;
         }
 
-        &::after { display: none; }
+        &:after { display: none; }
     }
 
     .section-subtitle {
diff --git a/_src/_assets/styles/bigchain/_input-group.scss b/_src/_assets/styles/bigchain/_input-group.scss
index 9dc20c8..305c6aa 100644
--- a/_src/_assets/styles/bigchain/_input-group.scss
+++ b/_src/_assets/styles/bigchain/_input-group.scss
@@ -29,7 +29,6 @@
     // Jankily prevent input button groups from wrapping with `white-space` and
     // `font-size` in combination with `inline-block` on buttons.
     font-size: 0;
-    white-space: nowrap;
 
     > .btn {
         margin-top: 0 !important;
@@ -49,6 +48,7 @@
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
+
 .input-group .form-control:not(:first-child),
 .input-group-btn:not(:first-child) > .btn,
 .input-group-btn:not(:first-child) > .btn-group > .btn,
diff --git a/_src/_assets/styles/bigchain/_menus.scss b/_src/_assets/styles/bigchain/_menus.scss
index 3b8697d..3da5c76 100644
--- a/_src/_assets/styles/bigchain/_menus.scss
+++ b/_src/_assets/styles/bigchain/_menus.scss
@@ -27,7 +27,7 @@
 
     // link line
     &:after {
-        content: "";
+        content: '';
         position: absolute;
         height: 2px;
         width: 30px;
diff --git a/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss b/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss
index 600ecea..b98f3cd 100644
--- a/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss
+++ b/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss
@@ -33,7 +33,7 @@
     }
 
     .section-title {
-        &::after {
+        &:after {
             background: darken($brand-main-green, 10%);
         }
     }
@@ -47,7 +47,7 @@
         color: $brand-main-blue;
 
         // the bottom line
-        &::after {
+        &:after {
             background: darken($brand-main-green, 5%);
         }
     }
@@ -74,7 +74,7 @@
     }
 
     .section-title {
-        &::after {
+        &:after {
             background: rgba($brand-main-blue-light, .5);
         }
     }
diff --git a/_src/_assets/styles/bigchain/_mixins/_buttons.scss b/_src/_assets/styles/bigchain/_mixins/_buttons.scss
index 372e319..9015648 100644
--- a/_src/_assets/styles/bigchain/_mixins/_buttons.scss
+++ b/_src/_assets/styles/bigchain/_mixins/_buttons.scss
@@ -11,11 +11,13 @@
         color: $color !important;
         background-color: $active-background;
     }
+
     &:active {
         color: $color !important;
         background: darken($background, 2%);
         transition: none;
     }
+
     &.disabled,
     &:disabled {
         &:focus {
diff --git a/_src/_assets/styles/bigchain/_mixins/_color-overlay.scss b/_src/_assets/styles/bigchain/_mixins/_color-overlay.scss
index 083ad90..4957917 100644
--- a/_src/_assets/styles/bigchain/_mixins/_color-overlay.scss
+++ b/_src/_assets/styles/bigchain/_mixins/_color-overlay.scss
@@ -4,7 +4,7 @@
 
     // color overlay
     &:before {
-        content: "";
+        content: '';
         width: 100%;
         height: 100%;
         position: absolute;
@@ -17,7 +17,7 @@
         z-index: 0;
     }
 
-    .row { z-index: 1 }
+    .row { z-index: 1; }
 }
 
 .color-overlay {
diff --git a/_src/_assets/styles/bigchain/_select2-bigchaindb/_multiple.scss b/_src/_assets/styles/bigchain/_select2-bigchaindb/_multiple.scss
index dab98ad..0ead5d3 100644
--- a/_src/_assets/styles/bigchain/_select2-bigchaindb/_multiple.scss
+++ b/_src/_assets/styles/bigchain/_select2-bigchaindb/_multiple.scss
@@ -26,7 +26,7 @@
     .select2-selection__clear {
         cursor: pointer;
         float: right;
-        font-weight: bold;
+        font-weight: $font-weight-bold;
         margin-top: 5px;
         margin-right: 10px;
     }
@@ -50,7 +50,7 @@
         cursor: pointer;
 
         display: inline-block;
-        font-weight: bold;
+        font-weight: $font-weight-bold;
 
         margin-right: 2px;
 
@@ -60,7 +60,7 @@
     }
 }
 
-&[dir="rtl"] {
+&[dir='rtl'] {
     .select2-selection--multiple {
         .select2-search--inline,
         .select2-selection__choice,
@@ -82,7 +82,7 @@
 
 &.select2-container--focus {
     .select2-selection--multiple {
-        border: solid black 1px;
+        border: solid #000 1px;
         outline: 0;
     }
 }
diff --git a/_src/_assets/styles/bigchain/_select2-bigchaindb/_single.scss b/_src/_assets/styles/bigchain/_select2-bigchaindb/_single.scss
index 8153bc3..cd1fdda 100644
--- a/_src/_assets/styles/bigchain/_select2-bigchaindb/_single.scss
+++ b/_src/_assets/styles/bigchain/_select2-bigchaindb/_single.scss
@@ -10,7 +10,7 @@
     .select2-selection__clear {
         cursor: pointer;
         float: right;
-        font-weight: bold;
+        font-weight: $font-weight-bold;
     }
 
     .select2-selection__placeholder {
@@ -30,14 +30,14 @@
 
         &:before,
         &:after {
-            content: "";
+            content: '';
             display: block;
             position: absolute;
             margin: auto;
             right: 0;
             height: 0;
             width: 0;
-            border: 0.263em solid transparent;
+            border: .263em solid transparent;
         }
 
         &:before {
@@ -56,7 +56,7 @@
     }
 }
 
-&[dir="rtl"] {
+&[dir='rtl'] {
     .select2-selection--single {
         .select2-selection__clear {
             float: left;
@@ -79,11 +79,3 @@
         }
     }
 }
-
-&.select2-container--open {
-    .select2-selection--single {
-        .select2-selection__arrow {
-
-        }
-    }
-}
diff --git a/_src/_assets/styles/bigchain/_select2-bigchaindb/layout.scss b/_src/_assets/styles/bigchain/_select2-bigchaindb/layout.scss
index 468d3d3..b596152 100644
--- a/_src/_assets/styles/bigchain/_select2-bigchaindb/layout.scss
+++ b/_src/_assets/styles/bigchain/_select2-bigchaindb/layout.scss
@@ -77,16 +77,16 @@
         overflow: hidden;
         text-overflow: ellipsis;
 
-        &[role=group] {
+        &[role='group'] {
             padding: 0;
             border-bottom: 2px dashed $gray;
         }
 
-        &[aria-disabled=true] {
+        &[aria-disabled='true'] {
             color: #999;
         }
 
-        &[aria-selected=true] {
+        &[aria-selected='true'] {
             background-color: transparent;
         }
 
diff --git a/_src/_assets/styles/bigchain/_syntax.scss b/_src/_assets/styles/bigchain/_syntax.scss
index 5e67cdc..f7a5303 100644
--- a/_src/_assets/styles/bigchain/_syntax.scss
+++ b/_src/_assets/styles/bigchain/_syntax.scss
@@ -1,73 +1,292 @@
 
 // https://github.com/richleland/pygments-css/blob/master/zenburn.css
 
-.highlight pre {color:#fdce93;background-color: $code-bg}
-.highlight .hll{background-color:#222}
-.highlight .c{color:#7f9f7f}
-.highlight .err{color:#e37170;background-color:#3d3535}
-.highlight .g{color:#7f9f7f}
-.highlight .k{color:#f0dfaf}
-.highlight .l{color:#ccc}
-.highlight .n{color:#dcdccc}
-.highlight .o{color:#f0efd0}
-.highlight .x{color:#ccc}
-.highlight .p{color:#41706f}
-.highlight .cm{color:#7f9f7f}
-.highlight .cp{color:#7f9f7f}
-.highlight .c1{color:#7f9f7f}
-.highlight .cs{color:#cd0000;font-weight:bold}
-.highlight .gd{color:#cd0000}
-.highlight .ge{color:#ccc;font-style:italic}
-.highlight .gr{color:red}
-.highlight .gh{color:#dcdccc;font-weight:bold}
-.highlight .gi{color:#00cd00}
-.highlight .go{color:gray}
-.highlight .gp{color:#dcdccc;font-weight:bold}
-.highlight .gs{color:#ccc;font-weight:bold}
-.highlight .gu{color:purple;font-weight:bold}
-.highlight .gt{color:#0040D0}
-.highlight .kc{color:#dca3a3}
-.highlight .kd{color:#ffff86}
-.highlight .kn{color:#dfaf8f;font-weight:bold}
-.highlight .kp{color:#cdcf99}
-.highlight .kr{color:#cdcd00}
-.highlight .kt{color:#00cd00}
-.highlight .ld{color:#cc9393}
-.highlight .m{color:#8cd0d3}
-.highlight .s{color:#cc9393}
-.highlight .na{color:#9ac39f}
-.highlight .nb{color:#efef8f}
-.highlight .nc{color:#efef8f}
-.highlight .no{color:#ccc}
-.highlight .nd{color:#ccc}
-.highlight .ni{color:#c28182}
-.highlight .ne{color:#c3bf9f;font-weight:bold}
-.highlight .nf{color:#efef8f}
-.highlight .nl{color:#ccc}
-.highlight .nn{color:#8fbede}
-.highlight .nx{color:#ccc}
-.highlight .py{color:#ccc}
-.highlight .nt{color:#9ac39f}
-.highlight .nv{color:#dcdccc}
-.highlight .ow{color:#f0efd0}
-.highlight .w{color:#ccc}
-.highlight .mf{color:#8cd0d3}
-.highlight .mh{color:#8cd0d3}
-.highlight .mi{color:#8cd0d3}
-.highlight .mo{color:#8cd0d3}
-.highlight .sb{color:#cc9393}
-.highlight .sc{color:#cc9393}
-.highlight .sd{color:#cc9393}
-.highlight .s2{color:#cc9393}
-.highlight .se{color:#cc9393}
-.highlight .sh{color:#cc9393}
-.highlight .si{color:#cc9393}
-.highlight .sx{color:#cc9393}
-.highlight .sr{color:#cc9393}
-.highlight .s1{color:#cc9393}
-.highlight .ss{color:#cc9393}
-.highlight .bp{color:#efef8f}
-.highlight .vc{color:#efef8f}
-.highlight .vg{color:#dcdccc}
-.highlight .vi{color:#ffffc7}
-.highlight .il{color:#8cd0d3}
+.highlight pre {
+    color: #fdce93;
+    background-color: $code-bg;
+}
+
+.highlight .hll {
+    background-color: #222;
+}
+
+.highlight .c {
+    color: #7f9f7f;
+}
+
+.highlight .err {
+    color: #e37170;
+    background-color: #3d3535;
+}
+
+.highlight .g {
+    color: #7f9f7f;
+}
+
+.highlight .k {
+    color: #f0dfaf;
+}
+
+.highlight .l {
+    color: #ccc;
+}
+
+.highlight .n {
+    color: #dcdccc;
+}
+
+.highlight .o {
+    color: #f0efd0;
+}
+
+.highlight .x {
+    color: #ccc;
+}
+
+.highlight .p {
+    color: #41706f;
+}
+
+.highlight .cm {
+    color: #7f9f7f;
+}
+
+.highlight .cp {
+    color: #7f9f7f;
+}
+
+.highlight .c1 {
+    color: #7f9f7f;
+}
+
+.highlight .cs {
+    color: #cd0000;
+    font-weight: bold;
+}
+
+.highlight .gd {
+    color: #cd0000;
+}
+
+.highlight .ge {
+    color: #ccc;
+    font-style: italic;
+}
+
+.highlight .gr {
+    color: red;
+}
+
+.highlight .gh {
+    color: #dcdccc;
+    font-weight: bold;
+}
+
+.highlight .gi {
+    color: #00cd00;
+}
+
+.highlight .go {
+    color: gray;
+}
+
+.highlight .gp {
+    color: #dcdccc;
+    font-weight: bold;
+}
+
+.highlight .gs {
+    color: #ccc;
+    font-weight: bold;
+}
+
+.highlight .gu {
+    color: purple;
+    font-weight: bold;
+}
+
+.highlight .gt {
+    color: #0040D0;
+}
+
+.highlight .kc {
+    color: #dca3a3;
+}
+
+.highlight .kd {
+    color: #ffff86;
+}
+
+.highlight .kn {
+    color: #dfaf8f;
+    font-weight: bold;
+}
+
+.highlight .kp {
+    color: #cdcf99;
+}
+
+.highlight .kr {
+    color: #cdcd00;
+}
+
+.highlight .kt {
+    color: #00cd00;
+}
+
+.highlight .ld {
+    color: #cc9393;
+}
+
+.highlight .m {
+    color: #8cd0d3;
+}
+
+.highlight .s {
+    color: #cc9393;
+}
+
+.highlight .na {
+    color: #9ac39f;
+}
+
+.highlight .nb {
+    color: #efef8f;
+}
+
+.highlight .nc {
+    color: #efef8f;
+}
+
+.highlight .no {
+    color: #ccc;
+}
+
+.highlight .nd {
+    color: #ccc;
+}
+
+.highlight .ni {
+    color: #c28182;
+}
+
+.highlight .ne {
+    color: #c3bf9f;
+    font-weight: bold;
+}
+
+.highlight .nf {
+    color: #efef8f;
+}
+
+.highlight .nl {
+    color: #ccc;
+}
+
+.highlight .nn {
+    color: #8fbede;
+}
+
+.highlight .nx {
+    color: #ccc;
+}
+
+.highlight .py {
+    color: #ccc;
+}
+
+.highlight .nt {
+    color: #9ac39f;
+}
+
+.highlight .nv {
+    color: #dcdccc;
+}
+
+.highlight .ow {
+    color: #f0efd0;
+}
+
+.highlight .w {
+    color: #ccc;
+}
+
+.highlight .mf {
+    color: #8cd0d3;
+}
+
+.highlight .mh {
+    color: #8cd0d3;
+}
+
+.highlight .mi {
+    color: #8cd0d3;
+}
+
+.highlight .mo {
+    color: #8cd0d3;
+}
+
+.highlight .sb {
+    color: #cc9393;
+}
+
+.highlight .sc {
+    color: #cc9393;
+}
+
+.highlight .sd {
+    color: #cc9393;
+}
+
+.highlight .s2 {
+    color: #cc9393;
+}
+
+.highlight .se {
+    color: #cc9393;
+}
+
+.highlight .sh {
+    color: #cc9393;
+}
+
+.highlight .si {
+    color: #cc9393;
+}
+
+.highlight .sx {
+    color: #cc9393;
+}
+
+.highlight .sr {
+    color: #cc9393;
+}
+
+.highlight .s1 {
+    color: #cc9393;
+}
+
+.highlight .ss {
+    color: #cc9393;
+}
+
+.highlight .bp {
+    color: #efef8f;
+}
+
+.highlight .vc {
+    color: #efef8f;
+}
+
+.highlight .vg {
+    color: #dcdccc;
+}
+
+.highlight .vi {
+    color: #ffffc7;
+}
+
+.highlight .il {
+    color: #8cd0d3;
+}
diff --git a/_src/_assets/styles/bigchain/_tables.scss b/_src/_assets/styles/bigchain/_tables.scss
index 0efb70e..638431d 100644
--- a/_src/_assets/styles/bigchain/_tables.scss
+++ b/_src/_assets/styles/bigchain/_tables.scss
@@ -59,6 +59,7 @@
     td {
         border: $table-border-width solid $table-border-color;
     }
+
     thead {
         th,
         td {
diff --git a/_src/_assets/styles/bigchain/_team.scss b/_src/_assets/styles/bigchain/_team.scss
index 0be70a3..5290972 100644
--- a/_src/_assets/styles/bigchain/_team.scss
+++ b/_src/_assets/styles/bigchain/_team.scss
@@ -4,15 +4,11 @@
 // bigchaindb.com
 //
 
-// Base class
-.team {}
-
 .team__image {
     @extend .img--responsive;
     background: $brand-main-gray;
     width: 230px;
     clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
-
 }
 
 .team__name {
@@ -22,7 +18,7 @@
 
     // the bottom line
     &:after {
-        content: "";
+        content: '';
         height: 1px;
         width: 3rem;
         display: block;
@@ -63,7 +59,6 @@
         transform: none;
     }
 
-
     .icon {
         fill: $brand-primary;
     }
diff --git a/_src/_assets/styles/bigchain/_terminal.scss b/_src/_assets/styles/bigchain/_terminal.scss
index ef22836..2527dd3 100644
--- a/_src/_assets/styles/bigchain/_terminal.scss
+++ b/_src/_assets/styles/bigchain/_terminal.scss
@@ -12,7 +12,7 @@
 
     code {
         padding: $spacer;
-        color:#fdce93;
+        color: #fdce93;
         display: block;
         word-break: break-all;
         word-wrap: break-word;
@@ -23,12 +23,13 @@
         display: block;
 
         &:before {
-            content: "$";
+            content: '$';
             color: $code-bg;
             margin-right: $spacer;
         }
+
         &.comment {
-            &:before { opacity: 0 }
+            &:before { opacity: 0; }
         }
     }
 
@@ -74,7 +75,7 @@ $frame-border-radius:   $border-radius;
 
     // title bar
     &:before {
-        content: "";
+        content: '';
         display: block;
         width: 100%;
         height: $frame-height-mobile;
@@ -91,25 +92,24 @@ $frame-border-radius:   $border-radius;
 
     // knobs
     &:after {
-        content: "";
+        content: '';
         width: 6px;
         height: 6px;
         position: absolute;
         left: 6px;
         top: 4px;
-
-        background: #F55E4A;
+        background: #f55e4a;
         border-radius: 50%;
 
         // second & third knob
-        box-shadow: 10px 0 0 #F7CA44, 20px 0 0 #48C54D;
+        box-shadow: 10px 0 0 #f7ca44, 20px 0 0 #48c54d;
 
         @media (min-width: $screen-sm-min) {
             width: 9px;
             height: 9px;
             left: 9px;
             top: 6px;
-            box-shadow: 15px 0 0 #F7CA44, 30px 0 0 #48C54D;
+            box-shadow: 15px 0 0 #f7ca44, 30px 0 0 #48c54d;
         }
     }
 }
diff --git a/_src/_assets/styles/bigchain/_testimonials.scss b/_src/_assets/styles/bigchain/_testimonials.scss
index 8f58407..3ca03f8 100644
--- a/_src/_assets/styles/bigchain/_testimonials.scss
+++ b/_src/_assets/styles/bigchain/_testimonials.scss
@@ -21,11 +21,6 @@
     }
 }
 
-.testimonial__quote,
-.testimonial__caption {
-
-}
-
 .testimonial__quote {
     // blockquote reset
     margin: 0;
@@ -41,8 +36,8 @@
 
     // quote characters
     &:before {
-        content: "“";
-        font-family: 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+        content: '“';
+        font-family: 'Avenir Next', Avenir, 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 250%;
         color: $gray-light;
         line-height: 1;
@@ -60,7 +55,7 @@
 
     // speech triangle
     &:before {
-        content: "";
+        content: '';
         position: absolute;
         width: 0;
         height: 0;
diff --git a/_src/_assets/styles/bigchain/_timeline.scss b/_src/_assets/styles/bigchain/_timeline.scss
index c362744..f7422e5 100644
--- a/_src/_assets/styles/bigchain/_timeline.scss
+++ b/_src/_assets/styles/bigchain/_timeline.scss
@@ -10,7 +10,7 @@
     // actual timeline line
     &:before {
         @media ($screen-sm) {
-            content: "";
+            content: '';
             width: 400%;
             margin-left: -200%;
             height: 1px;
@@ -37,7 +37,7 @@
 
     // data point
     &:after {
-        content: "";
+        content: '';
         width: .5rem;
         height: .5rem;
         border-radius: 50%;
@@ -52,7 +52,6 @@
     opacity: .5;
 }
 
-
 .timeline__entry--future {
     opacity: .7;
 }
diff --git a/_src/_assets/styles/bigchain/_toc.scss b/_src/_assets/styles/bigchain/_toc.scss
index 0a79071..fa619e6 100644
--- a/_src/_assets/styles/bigchain/_toc.scss
+++ b/_src/_assets/styles/bigchain/_toc.scss
@@ -1,14 +1,14 @@
 
 .toc {
     &,
-    ol { counter-reset: item;}
+    ol { counter-reset: item; }
 
     &,
     li { padding-left: 0; }
 
     &:before {
         @extend .h1;
-        content: "Table Of Contents";
+        content: 'Table Of Contents';
         display: block;
         border-bottom: 1px solid $brand-main-blue-light;
         padding-bottom: $spacer;
@@ -24,7 +24,7 @@
 
         // custom numbers
         &:before {
-            content: counters(item, ".") " ";
+            content: counters(item, '.') ' ';
             counter-increment: item;
             margin-right: $spacer;
             color: $brand-main-gray;
diff --git a/_src/_assets/styles/bigchain/_typography.scss b/_src/_assets/styles/bigchain/_typography.scss
index 54a3098..69351f2 100644
--- a/_src/_assets/styles/bigchain/_typography.scss
+++ b/_src/_assets/styles/bigchain/_typography.scss
@@ -27,7 +27,6 @@ body {
     overflow-wrap: break-word;
     word-wrap: break-word;
     word-break: break-word;
-
     text-rendering: optimizeLegibility;
     // Controversial! But prevents text flickering in
     // Safari/Firefox when animations are running
@@ -35,7 +34,7 @@ body {
     -moz-osx-font-smoothing: grayscale;
 
     // remove old style numerals
-    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 1;
+    font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1, 'pnum' 1, 'tnum' 0, 'onum' 0, 'lnum' 0, 'dlig' 1;
 }
 
 
@@ -103,7 +102,7 @@ h1, h2, h3, h4, h5, h6,
     color: $headings-color;
 
     // remove old style numerals
-    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 1;
+    font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1, 'pnum' 1, 'tnum' 0, 'onum' 0, 'lnum' 0, 'dlig' 1;
 
     .wf-loading & {
         font-weight: $font-weight-normal;
@@ -140,13 +139,23 @@ h6, .h6 {
     }
 }
 
-h1, .h1 { font-size: $font-size-h1; }
-h2, .h2 { font-size: $font-size-h2; }
-h3, .h3 { font-size: $font-size-h3; }
-h4, .h4 { font-size: $font-size-h4; }
-h5, .h5 { font-size: $font-size-h5; }
-h6, .h6 { font-size: $font-size-h6; }
-// scss-lint:enable SingleLinePerSelector
+h1,
+.h1 { font-size: $font-size-h1; }
+
+h2,
+.h2 { font-size: $font-size-h2; }
+
+h3,
+.h3 { font-size: $font-size-h3; }
+
+h4,
+.h4 { font-size: $font-size-h4; }
+
+h5,
+.h5 { font-size: $font-size-h5; }
+
+h6,
+.h6 { font-size: $font-size-h6; }
 
 
 //
@@ -190,11 +199,11 @@ em,
 
 // Alignment
 // scss-lint:disable SpaceBeforeBrace
-.text-left    { text-align: left; }
-.text-right   { text-align: right; }
-.text-center  { text-align: center; }
+.text-left { text-align: left; }
+.text-right { text-align: right; }
+.text-center { text-align: center; }
 .text-justify { text-align: justify; }
-.text-nowrap  { white-space: nowrap; }
+.text-nowrap { white-space: nowrap; }
 // scss-lint:enable SpaceBeforeBrace
 
 .lead {
@@ -253,7 +262,6 @@ ul {
         padding-left: 5px;
         padding-right: 5px;
     }
-
 }
 
 
diff --git a/_src/_assets/styles/bigchain/_utilities.scss b/_src/_assets/styles/bigchain/_utilities.scss
index 187ce3e..80a1587 100644
--- a/_src/_assets/styles/bigchain/_utilities.scss
+++ b/_src/_assets/styles/bigchain/_utilities.scss
@@ -13,7 +13,7 @@
 }
 
 .text-hide {
-    font: "0/0" a;
+    font: '0/0' a;
     color: transparent;
     text-shadow: none;
     background-color: transparent;

From f1139ff2b42e59f3006f8725047c12b64271f8cf Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 31 May 2017 18:12:09 +0200
Subject: [PATCH 5/8] get stylelint-config-bigchaindb from npm

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 683ff4a..09a2d28 100644
--- a/package.json
+++ b/package.json
@@ -69,7 +69,7 @@
     "js-yaml": "^3.8.3",
     "request": "^2.81.0",
     "stylelint": "^7.10.1",
-    "stylelint-config-bigchaindb": "bigchaindb/stylelint-config-bigchaindb",
+    "stylelint-config-bigchaindb": "^1.0.0",
     "stylelint-config-standard": "^16.0.0",
     "uglify-es": "^3.0.13"
   },

From 03b01a57faf7b36792370713e601986e274a7caa Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 31 May 2017 18:43:00 +0200
Subject: [PATCH 6/8] lint lint

---
 .../styles/_sections/_section-blog.scss       |  4 -
 .../styles/bigchain/_content-page.scss        | 58 +++++++-------
 _src/_assets/styles/bigchain/_forms.scss      | 75 +++++++++----------
 .../_assets/styles/bigchain/_input-group.scss |  2 +-
 _src/_assets/styles/bigchain/_logo.scss       |  2 +-
 _src/_assets/styles/bigchain/_newsletter.scss |  2 +-
 _src/_assets/styles/bigchain/_syntax.scss     |  3 +
 _src/_assets/styles/bigchain/_toc.scss        |  4 +
 _src/_assets/styles/bigchain/_typography.scss | 29 +++----
 _src/_assets/styles/bigchain/_utilities.scss  |  4 +
 10 files changed, 87 insertions(+), 96 deletions(-)

diff --git a/_src/_assets/styles/_sections/_section-blog.scss b/_src/_assets/styles/_sections/_section-blog.scss
index 86e4562..5d99b4b 100644
--- a/_src/_assets/styles/_sections/_section-blog.scss
+++ b/_src/_assets/styles/_sections/_section-blog.scss
@@ -1,7 +1,3 @@
-.section--blog {
-
-}
-
 .article {
     @include color-overlay;
     @include transition;
diff --git a/_src/_assets/styles/bigchain/_content-page.scss b/_src/_assets/styles/bigchain/_content-page.scss
index 94e0872..6443082 100644
--- a/_src/_assets/styles/bigchain/_content-page.scss
+++ b/_src/_assets/styles/bigchain/_content-page.scss
@@ -16,35 +16,6 @@
             text-align: center;
         }
 
-        .header-link {
-            box-shadow: none;
-            transition-timing-function: $timing-bounce;
-            display: inline-block;
-            padding: 0 .25rem;
-            opacity: 0;
-            transform: translate3d(20px, 0, 0) scale(0);
-
-            &,
-            .header-icon {
-                @extend .transition;
-            }
-
-            &:hover,
-            &:focus {
-                background: none;
-
-                .header-icon {
-                    color: lighten($brand-primary, 10%);
-                }
-            }
-
-            .header-icon {
-                font-style: normal;
-                font-size: 2rem;
-                color: $brand-primary;
-            }
-        }
-
         &:hover {
             .header-link {
                 opacity: 1;
@@ -52,4 +23,33 @@
             }
         }
     }
+
+    .header-link {
+        box-shadow: none;
+        transition-timing-function: $timing-bounce;
+        display: inline-block;
+        padding: 0 .25rem;
+        opacity: 0;
+        transform: translate3d(20px, 0, 0) scale(0);
+
+        &,
+        .header-icon {
+            @extend .transition;
+        }
+
+        &:hover,
+        &:focus {
+            background: none;
+
+            .header-icon {
+                color: lighten($brand-primary, 10%);
+            }
+        }
+
+        .header-icon {
+            font-style: normal;
+            font-size: 2rem;
+            color: $brand-primary;
+        }
+    }
 }
diff --git a/_src/_assets/styles/bigchain/_forms.scss b/_src/_assets/styles/bigchain/_forms.scss
index b1c9584..3f2b008 100644
--- a/_src/_assets/styles/bigchain/_forms.scss
+++ b/_src/_assets/styles/bigchain/_forms.scss
@@ -73,6 +73,40 @@
         }
     }
 
+    // the active state
+    &:focus ~ .form-label,
+    &:valid:not(.is-empty) ~ .form-label,
+    &:invalid:not(.is-empty) ~ .form-label,
+    //&.parsley-error ~ .form-label,
+    &.parsley-success ~ .form-label {
+        transform: translate3d(0, -($spacer + $input-padding-x), 0) scale(.7);
+        color: $input-border-focus;
+    }
+
+
+    //
+    // Form Validation States
+    //
+
+    // Success style
+    &:valid:not(.is-empty):not(select),
+    &.parsley-success {
+        &,
+        &:focus {
+            border-color: $brand-success;
+        }
+    }
+
+    // Error style
+    &:invalid:not(.is-empty),
+    &.parsley-error {
+        &,
+        &:focus {
+            border-color: $brand-danger;
+            color: $brand-danger;
+        }
+    }
+
     .background--photo & {
         border-bottom-color: rgba(#fff, .5);
     }
@@ -124,18 +158,6 @@
     }
 }
 
-.form-control {
-    // the active state
-    &:focus ~ .form-label,
-    &:valid:not(.is-empty) ~ .form-label,
-    &:invalid:not(.is-empty) ~ .form-label,
-    //&.parsley-error ~ .form-label,
-    &.parsley-success ~ .form-label {
-        transform: translate3d(0, -($spacer + $input-padding-x), 0) scale(.7);
-        color: $input-border-focus;
-    }
-}
-
 
 //
 // Form groups
@@ -215,9 +237,8 @@ select.form-control {
     margin-right: .25rem;
 
     // reset styling, then style
-    -webkit-appearance: button;
+    appearance: button;
     background: none;
-
     width: 1.3rem;
     height: 1.3rem;
     border-radius: $border-radius;
@@ -279,32 +300,6 @@ input[type='checkbox'] {
 }
 
 
-//
-// Form Validation States
-//
-.form-control {
-
-    // Success style
-    &:valid:not(.is-empty):not(select),
-    &.parsley-success {
-        &,
-        &:focus {
-            border-color: $brand-success;
-        }
-    }
-
-    // Error style
-    &:invalid:not(.is-empty),
-    &.parsley-error {
-        &,
-        &:focus {
-            border-color: $brand-danger;
-            color: $brand-danger;
-        }
-    }
-}
-
-
 //
 // Error messages
 //
diff --git a/_src/_assets/styles/bigchain/_input-group.scss b/_src/_assets/styles/bigchain/_input-group.scss
index 305c6aa..2dd8818 100644
--- a/_src/_assets/styles/bigchain/_input-group.scss
+++ b/_src/_assets/styles/bigchain/_input-group.scss
@@ -31,7 +31,7 @@
     font-size: 0;
 
     > .btn {
-        margin-top: 0 !important;
+        margin-top: 0;
     }
 }
 
diff --git a/_src/_assets/styles/bigchain/_logo.scss b/_src/_assets/styles/bigchain/_logo.scss
index cd3573a..84ee3d9 100644
--- a/_src/_assets/styles/bigchain/_logo.scss
+++ b/_src/_assets/styles/bigchain/_logo.scss
@@ -62,7 +62,7 @@
     position: relative;
     top: -3px;
 
-    &::before {
+    &:before {
         content: '';
         position: absolute;
         left: $spacer / 3;
diff --git a/_src/_assets/styles/bigchain/_newsletter.scss b/_src/_assets/styles/bigchain/_newsletter.scss
index cf3dc91..806ae3b 100644
--- a/_src/_assets/styles/bigchain/_newsletter.scss
+++ b/_src/_assets/styles/bigchain/_newsletter.scss
@@ -32,7 +32,7 @@
 
     .form-label,
     .form-control {
-        color: $gray-dark !important;
+        color: $gray-dark;
     }
 
     .form-control-feedback {
diff --git a/_src/_assets/styles/bigchain/_syntax.scss b/_src/_assets/styles/bigchain/_syntax.scss
index f7a5303..e366aae 100644
--- a/_src/_assets/styles/bigchain/_syntax.scss
+++ b/_src/_assets/styles/bigchain/_syntax.scss
@@ -1,6 +1,7 @@
 
 // https://github.com/richleland/pygments-css/blob/master/zenburn.css
 
+/* stylelint-disable */
 .highlight pre {
     color: #fdce93;
     background-color: $code-bg;
@@ -290,3 +291,5 @@
 .highlight .il {
     color: #8cd0d3;
 }
+
+/* stylelint-enable */
diff --git a/_src/_assets/styles/bigchain/_toc.scss b/_src/_assets/styles/bigchain/_toc.scss
index fa619e6..e3afd59 100644
--- a/_src/_assets/styles/bigchain/_toc.scss
+++ b/_src/_assets/styles/bigchain/_toc.scss
@@ -33,6 +33,10 @@
 }
 
 // output by Kramdown
+
+/* stylelint-disable selector-no-id  */
 #markdown-toc {
     @extend .toc;
 }
+
+/* stylelint-enable  */
diff --git a/_src/_assets/styles/bigchain/_typography.scss b/_src/_assets/styles/bigchain/_typography.scss
index 69351f2..c44cfb7 100644
--- a/_src/_assets/styles/bigchain/_typography.scss
+++ b/_src/_assets/styles/bigchain/_typography.scss
@@ -94,7 +94,8 @@ a {
 //
 // Headings
 //
-// scss-lint:disable SingleLinePerSelector
+
+/* stylelint-disable selector-list-comma-newline-after  */
 h1, h2, h3, h4, h5, h6,
 .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: $headings-font-family;
@@ -139,24 +140,14 @@ h6, .h6 {
     }
 }
 
-h1,
-.h1 { font-size: $font-size-h1; }
-
-h2,
-.h2 { font-size: $font-size-h2; }
-
-h3,
-.h3 { font-size: $font-size-h3; }
-
-h4,
-.h4 { font-size: $font-size-h4; }
-
-h5,
-.h5 { font-size: $font-size-h5; }
-
-h6,
-.h6 { font-size: $font-size-h6; }
+h1, .h1 { font-size: $font-size-h1; }
+h2, .h2 { font-size: $font-size-h2; }
+h3, .h3 { font-size: $font-size-h3; }
+h4, .h4 { font-size: $font-size-h4; }
+h5, .h5 { font-size: $font-size-h5; }
+h6, .h6 { font-size: $font-size-h6; }
 
+/* stylelint-enable */
 
 //
 // Body text
@@ -198,13 +189,11 @@ em,
 }
 
 // Alignment
-// scss-lint:disable SpaceBeforeBrace
 .text-left { text-align: left; }
 .text-right { text-align: right; }
 .text-center { text-align: center; }
 .text-justify { text-align: justify; }
 .text-nowrap { white-space: nowrap; }
-// scss-lint:enable SpaceBeforeBrace
 
 .lead {
     @include text-lead;
diff --git a/_src/_assets/styles/bigchain/_utilities.scss b/_src/_assets/styles/bigchain/_utilities.scss
index 80a1587..62c465d 100644
--- a/_src/_assets/styles/bigchain/_utilities.scss
+++ b/_src/_assets/styles/bigchain/_utilities.scss
@@ -4,6 +4,8 @@
 // bigchaindb.com
 //
 
+/* stylelint-disable declaration-no-important  */
+
 .invisible {
     visibility: hidden !important;
 }
@@ -12,6 +14,8 @@
     display: none !important;
 }
 
+/* stylelint-enable */
+
 .text-hide {
     font: '0/0' a;
     color: transparent;

From bfbb90c0dc116319dc95bb1108f683d612bee1ba Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 31 May 2017 18:50:42 +0200
Subject: [PATCH 7/8] add test command to CI build

---
 _ci/build.sh | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/_ci/build.sh b/_ci/build.sh
index ba86a7e..a5f325e 100755
--- a/_ci/build.sh
+++ b/_ci/build.sh
@@ -2,6 +2,21 @@
 
 set -e;
 
+echo "$(tput setaf 136)"
+echo "============================================="
+echo "              Starting tests "
+echo "============================================="
+echo "$(tput sgr0)" # reset
+
+npm test
+
+echo "$(tput setaf 64)" # green
+echo "---------------------------------------------"
+echo "           ✓ done testing"
+echo "---------------------------------------------"
+echo "$(tput sgr0)" # reset
+
+
 echo "$(tput setaf 136)"
 echo "============================================="
 echo "              Starting build "

From 6f781744601bb508d0b090aa6a73e91aec9ef820 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 31 May 2017 20:35:20 +0200
Subject: [PATCH 8/8] document css linting

---
 README.md | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 0c68c7f..dac04fe 100644
--- a/README.md
+++ b/README.md
@@ -3,6 +3,7 @@
 > The fabulous cat of blockchain websites.
 
 [![Build Status](https://travis-ci.com/ascribe/bigchain-website.svg?token=3psqw6c8KMDqfdGQ2x6d&branch=master)](https://travis-ci.com/ascribe/bigchain-website)
+[![css bigchaindb](https://img.shields.io/badge/css-bigchaindb-39BA91.svg)](https://github.com/bigchaindb/stylelint-config-bigchaindb)
 <img src="http://forthebadge.com/images/badges/powered-by-electricity.svg" height="20"/>
 <img src="http://forthebadge.com/images/badges/as-seen-on-tv.svg" height="20"/>
 <img src="http://forthebadge.com/images/badges/uses-badges.svg" height="20"/>
@@ -25,6 +26,7 @@
     * [Production build &amp; live deployment](#production-build--live-deployment)
 * [Coding conventions](#coding-conventions)
     * [(S)CSS](#scss)
+    * [JavaScript](#javascript)
 * [Authors](#authors)
 
 ## Development
@@ -137,13 +139,19 @@ gulp deploy --live
 
 ### (S)CSS
 
-Follows [Airbnb CSS / Sass Styleguide](https://github.com/airbnb/css). Lint with [scss-lint](https://github.com/brigade/scss-lint).
+Follows [stylelint-config-bigchaindb](https://github.com/bigchaindb/stylelint-config-bigchaindb) which itself extends [stylelint-config-standard](https://github.com/stylelint/stylelint-config-standard).
 
-Rule exceptions:
+Lint with [stylelint](https://stylelint.io) in your editor or run:
 
-- indentation: 4 spaces
-- use single quotes
-- allow single line rule sets
+```bash
+npm test
+```
+
+### JavaScript
+
+It's a wild mess right now between old school vanilla js, jQuery and some ES2015 features. Don't bother with the old stuff unless dependency updates break it.
+
+New js should follow [eslint-config-ascribe](https://github.com/ascribe/javascript). Linting in this repo is not setup for it yet.
 
 ## Authors