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;