diff --git a/wowchemy/assets/scss/bootstrap_variables.scss b/wowchemy/assets/scss/bootstrap_variables.scss
index d058cc8e..e590e094 100644
--- a/wowchemy/assets/scss/bootstrap_variables.scss
+++ b/wowchemy/assets/scss/bootstrap_variables.scss
@@ -2,14 +2,14 @@
 
 // Set colors.
 $primary: $sta-primary;
-$text-muted: rgba(0,0,0,0.54);
+$text-muted: rgba(0, 0, 0, 0.54);
 
 // Container widths - override XL default of `1140px`.
 $container-max-widths: (
   sm: 540px,
   md: 720px,
   lg: 960px,
-  xl: 1200px
+  xl: 1200px,
 );
 
 $navbar-toggler-padding-x: 0;
diff --git a/wowchemy/assets/scss/wowchemy/_book.scss b/wowchemy/assets/scss/wowchemy/_book.scss
index d2c6fb21..862b7fe7 100644
--- a/wowchemy/assets/scss/wowchemy/_book.scss
+++ b/wowchemy/assets/scss/wowchemy/_book.scss
@@ -23,15 +23,15 @@
   position: relative;
 }
 
-.docs-content>h2[id],
-.docs-content>h3[id],
-.docs-content>h4[id] {
+.docs-content > h2[id],
+.docs-content > h3[id],
+.docs-content > h4[id] {
   pointer-events: none;
 }
 
-.docs-content>ol li,
-.docs-content>ul li {
-  margin-bottom: .25rem;
+.docs-content > ol li,
+.docs-content > ul li {
+  margin-bottom: 0.25rem;
 }
 
 /* Docs search. */
@@ -41,7 +41,7 @@
   padding: 1rem 15px;
   margin-right: -15px;
   margin-left: -15px;
-  border-bottom: 1px solid rgba(0, 0, 0, .05);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }
 
 .docs-search .form-control:focus {
@@ -53,42 +53,42 @@
 
 .docs-sidebar {
   order: 0;
-  border-bottom: 1px solid rgba(0, 0, 0, .1)
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
   .docs-sidebar {
-    border-right: 1px solid rgba(0, 0, 0, .1)
+    border-right: 1px solid rgba(0, 0, 0, 0.1);
   }
-  @supports ((position:-webkit-sticky) or (position:sticky)) {
+  @supports ((position: -webkit-sticky) or (position: sticky)) {
     .docs-sidebar {
       position: -webkit-sticky;
       position: sticky;
       top: 50px;
       z-index: 10;
-      height: calc(100vh - 50px)
+      height: calc(100vh - 50px);
     }
   }
 }
 
-@media (min-width:1200px) {
+@media (min-width: 1200px) {
   .docs-sidebar {
-    border-right: 1px solid rgba(0, 0, 0, .1)
+    border-right: 1px solid rgba(0, 0, 0, 0.1);
   }
-  @supports ((position:-webkit-sticky) or (position:sticky)) {
+  @supports ((position: -webkit-sticky) or (position: sticky)) {
     .docs-sidebar {
       position: -webkit-sticky;
       position: sticky;
       top: 70px;
       z-index: 10;
-      height: calc(100vh - 70px)
+      height: calc(100vh - 70px);
     }
   }
 }
 
-@media (min-width:1200px) {
+@media (min-width: 1200px) {
   .docs-sidebar {
-    flex: 0 1 320px
+    flex: 0 1 320px;
   }
 }
 
@@ -102,15 +102,15 @@
 
 /* Docs sidebar li>a. */
 
-.docs-sidebar .nav>li>a {
+.docs-sidebar .nav > li > a {
   display: block;
-  padding: .25rem 1.5rem;
+  padding: 0.25rem 1.5rem;
   font-size: 0.8rem;
-  color: rgba(0, 0, 0, .65);
+  color: rgba(0, 0, 0, 0.65);
 }
 
-.docs-sidebar .nav>li>a:hover {
-  color: rgba(0, 0, 0, .85);
+.docs-sidebar .nav > li > a:hover {
+  color: rgba(0, 0, 0, 0.85);
   text-decoration: none;
   background-color: transparent;
 }
@@ -140,8 +140,8 @@
   margin-left: -15px;
 }
 
-@media (min-width:768px) {
-  @supports ((position:-webkit-sticky) or (position:sticky)) {
+@media (min-width: 768px) {
+  @supports ((position: -webkit-sticky) or (position: sticky)) {
     .docs-links {
       max-height: calc(100vh - 5rem - 70px);
       overflow-y: auto;
@@ -149,9 +149,9 @@
   }
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
   .docs-links {
-    display: block!important;
+    display: block !important;
   }
 }
 
@@ -161,16 +161,16 @@
   order: 2;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
-  font-size: .875rem
+  font-size: 0.875rem;
 }
 
-@supports ((position:-webkit-sticky) or (position:sticky)) {
+@supports ((position: -webkit-sticky) or (position: sticky)) {
   .docs-toc {
     position: -webkit-sticky;
     position: sticky;
     top: 70px;
     height: calc(100vh - 70px);
-    overflow-y: auto
+    overflow-y: auto;
   }
 }
 
@@ -178,13 +178,13 @@
 
 .docs-toc-link {
   display: block;
-  padding: .25rem 1.5rem;
+  padding: 0.25rem 1.5rem;
   font-weight: bold;
-  color: rgba(0, 0, 0, .65);
+  color: rgba(0, 0, 0, 0.65);
 }
 
 .docs-toc-link:hover {
-  color: rgba(0, 0, 0, .85);
+  color: rgba(0, 0, 0, 0.85);
   text-decoration: none;
 }
 
@@ -196,11 +196,11 @@
   margin-top: 1rem;
 }
 
-.docs-toc-item.active>.docs-toc-link {
-  color: rgba(0, 0, 0, .85);
+.docs-toc-item.active > .docs-toc-link {
+  color: rgba(0, 0, 0, 0.85);
 }
 
-.docs-toc-item.active>.docs-toc-link:hover {
+.docs-toc-item.active > .docs-toc-link:hover {
   background-color: transparent;
 }
 
@@ -212,7 +212,7 @@
 
 .docs-toc-title {
   color: #b5b5b5;
-  font-size: .875rem;
+  font-size: 0.875rem;
   font-weight: 600;
   padding-left: calc(1.5rem + 1px);
 }
@@ -239,14 +239,14 @@ ul.toc-top {
 #TableOfContents li a,
 .toc-top li a {
   display: block;
-  padding: .125rem 1.5rem;
-  color: rgba(0,0,0,.65);
+  padding: 0.125rem 1.5rem;
+  color: rgba(0, 0, 0, 0.65);
   font-size: 0.7rem;
 }
 
 .dark #TableOfContents li a,
 .dark .toc-top li a {
-  color: rgba(255,255,255,.65);
+  color: rgba(255, 255, 255, 0.65);
 }
 
 #TableOfContents li a:hover,
@@ -266,7 +266,7 @@ ul.toc-top {
 .anchorjs-link {
   font-weight: 400;
   color: $sta-primary-dark;
-  transition: color .16s linear;
+  transition: color 0.16s linear;
 }
 
 .anchorjs-link:hover {
diff --git a/wowchemy/assets/scss/wowchemy/_callouts.scss b/wowchemy/assets/scss/wowchemy/_callouts.scss
index bada8b43..23aa1c54 100644
--- a/wowchemy/assets/scss/wowchemy/_callouts.scss
+++ b/wowchemy/assets/scss/wowchemy/_callouts.scss
@@ -17,7 +17,7 @@ div.alert > div {
 }
 
 div.alert div > * {
-  margin-bottom: .5rem;  /* Use smaller paragraph spacing than usual. */
+  margin-bottom: 0.5rem; /* Use smaller paragraph spacing than usual. */
 }
 
 div.alert div > :last-child {
diff --git a/wowchemy/assets/scss/wowchemy/_card.scss b/wowchemy/assets/scss/wowchemy/_card.scss
index 6ef62078..47769155 100644
--- a/wowchemy/assets/scss/wowchemy/_card.scss
+++ b/wowchemy/assets/scss/wowchemy/_card.scss
@@ -4,8 +4,8 @@
 
 .card-simple {
   background: #fff;
-  box-shadow: 0 1px 4px rgba(0,0,0,.04);
-  border: 1px solid rgba(0,0,0,.09);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
+  border: 1px solid rgba(0, 0, 0, 0.09);
   border-radius: 3px;
   margin-top: 20px;
   padding: 15px 20px 15px 20px;
@@ -21,7 +21,7 @@
 
 .dark .card-simple {
   background: rgb(40, 42, 54);
-  box-shadow: 0 1px 4px rgba(0,0,0,.04);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
   border: 1px solid rgb(68, 71, 90);
 }
 
@@ -36,7 +36,7 @@ a.summary-link {
   overflow: hidden;
   text-overflow: ellipsis;
   background: #fff;
-  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
   transition: all 0.2s ease-out;
 }
 
@@ -69,7 +69,7 @@ a.summary-link {
 }
 
 .card .card-text p {
-  color: rgba(0,0,0,0.54);
+  color: rgba(0, 0, 0, 0.54);
   font-size: 0.75rem;
 }
 
@@ -89,7 +89,7 @@ a.summary-link {
   width: 100%;
   height: 100%;
   background: #fff;
-  content: " ";
+  content: ' ';
   opacity: 0;
   transition: all 0.2s ease-out;
 }
@@ -112,7 +112,7 @@ a.summary-link {
 }
 
 .card:hover {
-  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
+  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
 }
 
 .card:hover .card-image.hover-overlay:before {
diff --git a/wowchemy/assets/scss/wowchemy/_content.scss b/wowchemy/assets/scss/wowchemy/_content.scss
index 3092a822..ae633384 100644
--- a/wowchemy/assets/scss/wowchemy/_content.scss
+++ b/wowchemy/assets/scss/wowchemy/_content.scss
@@ -10,12 +10,12 @@
 
 .page-subtitle {
   font-size: 1.15rem;
-  color: rgba(0,0,0,.54);
+  color: rgba(0, 0, 0, 0.54);
   margin-bottom: 1rem;
 }
 
 .dark .page-subtitle {
-  color: rgba(255,255,255,0.54);
+  color: rgba(255, 255, 255, 0.54);
 }
 
 .article-header {
@@ -48,7 +48,7 @@
   margin: 0 auto;
   padding: 2px 5px;
   color: #fff;
-  font-size: .7em;
+  font-size: 0.7em;
   background: #000;
   text-align: right;
   z-index: 5;
@@ -76,7 +76,7 @@
 }
 
 .dark .text-muted {
-  color: rgba(255,255,255,0.54) !important;
+  color: rgba(255, 255, 255, 0.54) !important;
 }
 
 .article-metadata {
@@ -84,11 +84,11 @@
   overflow: hidden;
   font-size: 14px;
   letter-spacing: 0.03em;
-  color: rgba(0,0,0,0.54);
+  color: rgba(0, 0, 0, 0.54);
 }
 
 .dark .article-metadata {
-  color: rgba(255,255,255,0.54);
+  color: rgba(255, 255, 255, 0.54);
 }
 
 .stream-meta.article-metadata {
@@ -101,11 +101,11 @@ article .article-metadata {
 }
 
 .article-metadata a {
-  color: rgba(0,0,0,.54);
+  color: rgba(0, 0, 0, 0.54);
 }
 
 .dark .article-metadata a {
-  color: rgba(255,255,255,0.54);
+  color: rgba(255, 255, 255, 0.54);
 }
 
 .article-metadata a:hover {
@@ -126,8 +126,8 @@ article .article-metadata {
 }
 
 .middot-divider {
-  padding-right: .45em;
-  padding-left: .45em;
+  padding-right: 0.45em;
+  padding-left: 0.45em;
   font-size: 15px;
 }
 
@@ -231,11 +231,11 @@ article .article-metadata {
 .content-widget-hr {
   margin-top: 1.2rem;
   padding-top: 1.2rem;
-  border-top: 1px solid rgba(0,0,0,.05);
+  border-top: 1px solid rgba(0, 0, 0, 0.05);
 }
 
 .dark .content-widget-hr {
-  border-top: 1px solid rgba(255,255,255,.05);
+  border-top: 1px solid rgba(255, 255, 255, 0.05);
 }
 
 /*************************************************
@@ -294,7 +294,7 @@ ul.share li a {
 }
 
 ul.share li:hover i {
-  transform: scale(1.2)
+  transform: scale(1.2);
 }
 
 /*************************************************
@@ -360,7 +360,7 @@ ul.share li:hover i {
  **************************************************/
 
 .article-widget {
-  padding-top: 1.2rem;  /* Match .content-widget-hr */
+  padding-top: 1.2rem; /* Match .content-widget-hr */
 }
 
 .article-widget h3 {
diff --git a/wowchemy/assets/scss/wowchemy/_dark.scss b/wowchemy/assets/scss/wowchemy/_dark.scss
index c78eef5d..a457cc06 100644
--- a/wowchemy/assets/scss/wowchemy/_dark.scss
+++ b/wowchemy/assets/scss/wowchemy/_dark.scss
@@ -20,7 +20,7 @@ body.dark,
 .dark .form-control:focus {
   background-color: rgb(68, 71, 90);
   border-color: $sta-primary;
-  box-shadow: 0 0 0 .2rem $sta-primary-dark;
+  box-shadow: 0 0 0 0.2rem $sta-primary-dark;
 }
 
 .dark h1,
@@ -91,7 +91,8 @@ body.dark,
   color: rgba(255, 255, 255, 0.54);
 }
 
-.dark .pagination li > a, .pagination li > span {
+.dark .pagination li > a,
+.pagination li > span {
   background-color: rgb(40, 42, 54);
   border: 1px solid #ddd;
 }
@@ -119,18 +120,18 @@ body.dark,
 }
 
 .dark .badge-light {
-  color: rgba(255, 255, 255, .68);
-  background: rgba(255, 255, 255, .2);
+  color: rgba(255, 255, 255, 0.68);
+  background: rgba(255, 255, 255, 0.2);
 }
 
 .dark .badge-light[href]:focus,
 .dark .badge-light[href]:hover {
-  background: rgba(255, 255, 255, .3);
+  background: rgba(255, 255, 255, 0.3);
 }
 
 .dark a.badge:focus,
 .dark a.badge:hover {
-  color: rgba(255, 255, 255, .68);
+  color: rgba(255, 255, 255, 0.68);
 }
 
 .dark .btn-primary,
diff --git a/wowchemy/assets/scss/wowchemy/_footer.scss b/wowchemy/assets/scss/wowchemy/_footer.scss
index ea5110b9..5293b393 100644
--- a/wowchemy/assets/scss/wowchemy/_footer.scss
+++ b/wowchemy/assets/scss/wowchemy/_footer.scss
@@ -15,13 +15,13 @@ footer .powered-by {
 }
 
 .site-footer {
-  color: rgba(0,0,0,0.54);
+  color: rgba(0, 0, 0, 0.54);
 }
 
 // Dark footer theme
 .dark .site-footer,
 .dark .docs .body-footer {
-  color: rgba(255,255,255,0.54);
+  color: rgba(255, 255, 255, 0.54);
 }
 
 // Footer copyright license
@@ -38,7 +38,7 @@ footer .powered-by {
 }
 
 .footer-license-icons i {
- display: inline-flex;
+  display: inline-flex;
   margin-right: 8px;
   height: 22px;
   vertical-align: text-bottom;
diff --git a/wowchemy/assets/scss/wowchemy/_icons.scss b/wowchemy/assets/scss/wowchemy/_icons.scss
index 529a0162..09d44e5f 100644
--- a/wowchemy/assets/scss/wowchemy/_icons.scss
+++ b/wowchemy/assets/scss/wowchemy/_icons.scss
@@ -3,8 +3,8 @@
   align-self: center;
 }
 .svg-icon {
-  height:0.9em;
-  width:0.9em;
+  height: 0.9em;
+  width: 0.9em;
 }
 .svg-icon.svg-baseline {
   bottom: 0.1em;
diff --git a/wowchemy/assets/scss/wowchemy/_nav.scss b/wowchemy/assets/scss/wowchemy/_nav.scss
index bdffc0d5..61ef14e5 100644
--- a/wowchemy/assets/scss/wowchemy/_nav.scss
+++ b/wowchemy/assets/scss/wowchemy/_nav.scss
@@ -5,7 +5,7 @@
 .navbar {
   height: 70px;
   background: $sta-menu-primary;
-  box-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,.11);
+  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.11);
   font-size: #{$sta-font-size-small}px;
   position: fixed;
   top: 0;
@@ -40,7 +40,7 @@
     display: flex;
 
     .nav-link {
-      color: rgba($sta-menu-text, .85);
+      color: rgba($sta-menu-text, 0.85);
 
       &.active,
       &:hover,
@@ -65,15 +65,14 @@
     font-weight: bold;
     color: $sta-menu-text-active !important;
   }
-
 }
 
 .dark .navbar {
   background: $sta-dark-menu-primary;
-  box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, .11);
+  box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.11);
   .navbar-nav {
     .nav-link {
-      color: rgba($sta-dark-menu-text, .85);
+      color: rgba($sta-dark-menu-text, 0.85);
 
       &.active,
       &:hover,
@@ -96,12 +95,12 @@
 // Remove Bootstrap's border from Toggle button.
 .navbar-toggler {
   border: 0 !important;
-  position: relative;  // For z-index clickable mobile logo.
+  position: relative; // For z-index clickable mobile logo.
   z-index: 1030;
 }
 
 .dark .navbar-toggler {
- color: $sta-dark-menu-text;
+  color: $sta-dark-menu-text;
 }
 
 .navbar-toggler:focus,
@@ -110,7 +109,8 @@
   box-shadow: none !important;
 }
 
-@include media-breakpoint-down(md) {  /* Match breakpoint for i18n dropdown in navbar.html. */
+@include media-breakpoint-down(md) {
+  /* Match breakpoint for i18n dropdown in navbar.html. */
   .i18n-dropdown .nav-link::after {
     // Remove dropdown arrow on small devices (when language name isn't displayed).
     content: none;
@@ -142,7 +142,7 @@
   padding-bottom: 5px;
   font-weight: bold;
   position: relative;
-  z-index: 1030;  // For z-index clickable mobile logo.
+  z-index: 1030; // For z-index clickable mobile logo.
 }
 
 .dark .navbar-brand {
@@ -158,8 +158,8 @@
   height: -webkit-fill-available;
   height: -webkit-stretch;
   height: stretch;
-  max-height: 60px;  // For lg+ responsive sizing. 60px height +10px v-padding = 70px
-  max-width: fit-content;  // Must override default responsive image style.
+  max-height: 60px; // For lg+ responsive sizing. 60px height +10px v-padding = 70px
+  max-width: fit-content; // Must override default responsive image style.
 }
 
 #navbar-main .main-menu-item ul li .nav-link {
@@ -182,17 +182,17 @@
     margin: 0 auto;
   }
   .navbar-brand img {
-    max-height: 40px;  // 40px height + 10px v-padding = 50px.
+    max-height: 40px; // 40px height + 10px v-padding = 50px.
   }
   .navbar-toggler {
-    border-color: transparent;  // Remove Bootstrap's border from Toggle button.
+    border-color: transparent; // Remove Bootstrap's border from Toggle button.
   }
   #navbar-main .main-menu-item {
     text-align: left !important;
     padding-left: 0;
   }
   .navbar-collapse {
-    z-index: 1031 !important;  // Appear just over navbar.
+    z-index: 1031 !important; // Appear just over navbar.
     position: absolute;
     left: 0;
     top: 50px;
@@ -234,7 +234,7 @@ ul.nav-icons li.nav-item a.nav-link {
 .dropdown-menu {
   background-color: $sta-menu-primary !important;
   color: $sta-menu-text !important;
-  z-index: 1032;  // I18n dropdown over mobile expanded menu.
+  z-index: 1032; // I18n dropdown over mobile expanded menu.
 }
 
 .dark .dropdown-menu {
diff --git a/wowchemy/assets/scss/wowchemy/_root.scss b/wowchemy/assets/scss/wowchemy/_root.scss
index 3b018923..157577e2 100644
--- a/wowchemy/assets/scss/wowchemy/_root.scss
+++ b/wowchemy/assets/scss/wowchemy/_root.scss
@@ -5,7 +5,7 @@
 html {
   font-family: $sta-font-body, sans-serif;
   font-size: #{$sta-font-size-small}px;
-  color: rgba(0,0,0,0.8);
+  color: rgba(0, 0, 0, 0.8);
   line-height: 1.65;
 
   // Offset anchor scrolling by height of desktop fixed header.
@@ -97,7 +97,9 @@ p {
 }
 
 /* Lists */
-ul, ol, dl {
+ul,
+ol,
+dl {
   margin-top: 0;
   margin-bottom: 1rem;
 }
@@ -111,7 +113,7 @@ ul.task-list {
   list-style: none;
 }
 
-ul.task-list li input[type="checkbox"] {
+ul.task-list li input[type='checkbox'] {
   margin-right: 0.5rem;
 }
 
@@ -124,11 +126,16 @@ ul.task-list li input[type="checkbox"] {
 }
 
 /* Headings */
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-family: $sta-font-heading, sans-serif;
   font-weight: 400;
   margin-top: 1rem;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
   line-height: 1.25;
   color: #313131;
   text-rendering: optimizeLegibility;
@@ -155,7 +162,9 @@ h3 {
   margin-top: 1.5rem;
   font-size: 1.25rem;
 }
-h4, h5, h6 {
+h4,
+h5,
+h6 {
   font-weight: 700;
   margin-top: 1rem;
   font-size: 1rem;
@@ -192,7 +201,7 @@ video {
 
 audio {
   width: 100%;
-  margin-bottom: 20px
+  margin-bottom: 20px;
 }
 
 video {
@@ -213,7 +222,7 @@ video {
 
 /* Smooth transition for image zoom on hover */
 .img-hover-zoom img {
-  transition: transform .3s ease-in-out;
+  transition: transform 0.3s ease-in-out;
 }
 
 /* Transform the image scale when container gets hovered */
@@ -276,10 +285,10 @@ hr {
 
 /* Quotes */
 blockquote {
-  padding: .5rem 1rem;
-  margin: .8rem 0;
+  padding: 0.5rem 1rem;
+  margin: 0.8rem 0;
   color: #7a7a7a;
-  border-left: .25rem solid #e5e5e5;
+  border-left: 0.25rem solid #e5e5e5;
 }
 blockquote p:last-child {
   margin-bottom: 0;
@@ -321,7 +330,7 @@ blockquote p:last-child {
 
 small,
 .small {
-  font-size: .75em;
+  font-size: 0.75em;
 }
 
 .responsive-wrap iframe {
@@ -350,7 +359,7 @@ small,
 
 .modal-header {
   border: 0;
-  color: rgba(0,0,0,0.8);
+  color: rgba(0, 0, 0, 0.8);
 }
 
 .modal-footer {
@@ -437,8 +446,8 @@ a[data-fancybox] {
 
 .badge-light {
   border: none;
-  color: rgba(0,0,0,.68);
-  background: rgba(0,0,0,.05);
+  color: rgba(0, 0, 0, 0.68);
+  background: rgba(0, 0, 0, 0.05);
   font-weight: normal;
   border-radius: 3px;
   padding: 5px 10px;
@@ -452,12 +461,12 @@ a[data-fancybox] {
 
 .badge-light[href]:focus,
 .badge-light[href]:hover {
-  background: rgba(0,0,0,.1);
+  background: rgba(0, 0, 0, 0.1);
 }
 
 a.badge:focus,
 a.badge:hover {
-  color: rgba(0,0,0,.68);
+  color: rgba(0, 0, 0, 0.68);
 }
 
 .tag-cloud a {
@@ -465,7 +474,7 @@ a.badge:hover {
   position: relative;
   margin: 8px 10px;
   word-wrap: break-word;
-  transition-duration: .2s;
+  transition-duration: 0.2s;
   transition-property: transform;
   transition-timing-function: ease-out;
 }
@@ -488,21 +497,21 @@ a.badge:hover {
  *************************************************/
 
 .btn {
-  padding: .5rem;
-  font-size: .8rem;
-  line-height: .9;  // Anything less and multiline button text may overlap.
-  border-radius: .3rem;
+  padding: 0.5rem;
+  font-size: 0.8rem;
+  line-height: 0.9; // Anything less and multiline button text may overlap.
+  border-radius: 0.3rem;
 }
 
 .btn-links .btn {
-  padding: 5px .5rem 5px .5rem;
+  padding: 5px 0.5rem 5px 0.5rem;
   line-height: 1;
 }
 
 .btn.btn-sm {
-  padding: 5px .4rem 5px .4rem;
+  padding: 5px 0.4rem 5px 0.4rem;
   font-size: 14px;
-  border-radius: .2rem;
+  border-radius: 0.2rem;
 }
 
 .btn-page-header {
@@ -541,7 +550,7 @@ a.badge:hover {
 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .show > .btn-primary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 .2rem $sta-primary-light;
+  box-shadow: 0 0 0 0.2rem $sta-primary-light;
 }
 
 /*************************************************
diff --git a/wowchemy/assets/scss/wowchemy/_rtl.scss b/wowchemy/assets/scss/wowchemy/_rtl.scss
index 9f5ac178..8d46464f 100644
--- a/wowchemy/assets/scss/wowchemy/_rtl.scss
+++ b/wowchemy/assets/scss/wowchemy/_rtl.scss
@@ -2,7 +2,7 @@
  *  Style for right to left (RTL) languages.
  **************************************************/
 
-html[dir="rtl"] {
+html[dir='rtl'] {
   body {
     text-align: right;
   }
diff --git a/wowchemy/assets/scss/wowchemy/_search.scss b/wowchemy/assets/scss/wowchemy/_search.scss
index d9c07de3..45c68b17 100644
--- a/wowchemy/assets/scss/wowchemy/_search.scss
+++ b/wowchemy/assets/scss/wowchemy/_search.scss
@@ -39,11 +39,11 @@
 }
 
 .search-modal > .container {
-  padding-top: 70px;  /* Navbar height. */
+  padding-top: 70px; /* Navbar height. */
 }
 @media screen and (max-width: 1200px) {
   .search-modal > .container {
-    padding-top: 50px;  /* Navbar height. */
+    padding-top: 50px; /* Navbar height. */
   }
 }
 
@@ -92,7 +92,7 @@
 #search-box::before {
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
-  content: "\f002";
+  content: '\f002';
   font-size: 1rem;
   opacity: 0.25;
   line-height: 1rem;
@@ -113,21 +113,21 @@
 }
 
 .dark #search-query {
-  background-color: $sta-dark-background;;
+  background-color: $sta-dark-background;
 }
 
 .form-control:focus {
   border-color: $sta-primary;
-  box-shadow: 0 0 0 .2rem $sta-primary-light;
+  box-shadow: 0 0 0 0.2rem $sta-primary-light;
 }
 
 // Search result items
 
 .search-hit em {
   font-style: normal;
-  background-color: #FFE0B2;
-  color: #E65100;
-  border-bottom: 1px solid #E65100;
+  background-color: #ffe0b2;
+  color: #e65100;
+  border-bottom: 1px solid #e65100;
 }
 
 .search-hit-type {
@@ -153,13 +153,13 @@
 }
 
 .sidebar-search:hover {
-  color: rgba(0,0,0,.8);
-  box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
+  color: rgba(0, 0, 0, 0.8);
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
 }
 
 .dark .sidebar-search:hover {
-  color: rgba(255,255,255,.8);
-  box-shadow: inset 0 0 0 1px rgba(255,255,255,.9);
+  color: rgba(255, 255, 255, 0.8);
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9);
 }
 
 .sidebar-search-text {
@@ -167,16 +167,16 @@
   text-align: left;
   // Multilingual safe option to prevent long placeholders overflowing search box.
   overflow: hidden;
-  font-size: .8rem;
+  font-size: 0.8rem;
 }
 
 .sidebar-search-shortcut {
-  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
-  box-shadow: 0 1px 1px rgba(12,13,14,0.15), inset 0 1px 0 0 #fff;
+  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
+  box-shadow: 0 1px 1px rgba(12, 13, 14, 0.15), inset 0 1px 0 0 #fff;
   flex-shrink: 0;
   padding: 1px 12px;
   margin: 0 0 0 10px;
-  color: rgba(0,0,0,.6);
+  color: rgba(0, 0, 0, 0.6);
   font-size: 1.2rem;
   letter-spacing: 1px;
   background: rgb(228, 230, 232);
@@ -210,5 +210,5 @@
 // Algolia dark-themed search input
 
 .dark .ais-search-box--input {
-  background-color: $sta-dark-background;;
+  background-color: $sta-dark-background;
 }
diff --git a/wowchemy/assets/scss/wowchemy/_widgets.scss b/wowchemy/assets/scss/wowchemy/_widgets.scss
index 8ac334be..4631d6ab 100644
--- a/wowchemy/assets/scss/wowchemy/_widgets.scss
+++ b/wowchemy/assets/scss/wowchemy/_widgets.scss
@@ -5,9 +5,9 @@
 .home-section {
   // Use `background` rather than `background-color` so it can support gradients in theme packs.
   background: $sta-home-section-odd;
-  position: relative;  // Required for component positioning within section.
+  position: relative; // Required for component positioning within section.
   padding: 110px 0 110px 0;
-  z-index: 0;  // Explicit z-order otherwise `.home-section-bg` can be hidden by any `.home-section` background.
+  z-index: 0; // Explicit z-order otherwise `.home-section-bg` can be hidden by any `.home-section` background.
 }
 
 // Responsive fullscreen option for widgets
@@ -137,13 +137,13 @@
   font-family: $sta-font-heading, sans-serif;
   font-weight: bold;
   margin-top: 1rem;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
 }
 
 .section-heading p {
   font-weight: 400;
   font-size: 1.1rem;
-  color: rgba(0,0,0,0.54);  // Accessible contrast, matching footer text color.
+  color: rgba(0, 0, 0, 0.54); // Accessible contrast, matching footer text color.
 }
 
 .dark .section-heading p {
@@ -207,7 +207,7 @@
 }
 
 .wg-hero .btn {
-  padding: .6em 2.1em;
+  padding: 0.6em 2.1em;
 }
 
 .wg-hero.dark .btn {
@@ -217,7 +217,7 @@
 a.hero-cta-alt {
   display: inline-block;
   position: relative;
-  transition-duration: .2s;
+  transition-duration: 0.2s;
   transition-property: transform;
   transition-timing-function: ease-out;
   font-size: 1.1rem;
@@ -338,7 +338,7 @@ a.hero-cta-alt:hover {
 .portrait-title h3 {
   font-size: 1rem;
   font-weight: 300;
-  color: rgba(0,0,0, 0.54);
+  color: rgba(0, 0, 0, 0.54);
   margin: 0px 0 10px 0;
 }
 
@@ -365,7 +365,7 @@ ul.network-icon {
 }
 
 .network-icon li:hover {
-  transform: scale(1.2)
+  transform: scale(1.2);
 }
 
 .big-icon {
@@ -395,7 +395,7 @@ ul.ul-edu li .description p.course {
 
 ul.ul-edu li .description p.institution {
   font-size: 0.75rem;
-  color: rgba(0,0,0,0.6);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 /*************************************************
@@ -482,17 +482,21 @@ ul.ul-edu li .description p.institution {
   overflow: hidden;
 }
 
-.project-toolbar{
+.project-toolbar {
   margin-bottom: 2rem;
 }
 
 .project-card {
   position: relative;
-  width: calc(33.3% - 13.3px); /* Fluid 3 columns ($gutter * ($number_of_cols - 1) / $number_of_cols; following https://stackoverflow.com/a/51290967) */
+  width: calc(
+    33.3% - 13.3px
+  ); /* Fluid 3 columns ($gutter * ($number_of_cols - 1) / $number_of_cols; following https://stackoverflow.com/a/51290967) */
 }
 @media screen and (max-width: 1199px) {
   .project-card {
-    width: calc(50% - 10px); /* Fluid 2 columns ($gutter * ($number_of_cols - 1) / $number_of_cols; following https://stackoverflow.com/a/51290967) */
+    width: calc(
+      50% - 10px
+    ); /* Fluid 2 columns ($gutter * ($number_of_cols - 1) / $number_of_cols; following https://stackoverflow.com/a/51290967) */
   }
 }
 @media screen and (max-width: 768px) {
@@ -525,7 +529,7 @@ ul.ul-edu li .description p.institution {
   z-index: 2;
 }
 
-.isotope-item:hover{
+.isotope-item:hover {
   z-index: 3;
 }
 
diff --git a/wowchemy/assets/scss/wowchemy/wowchemy.scss b/wowchemy/assets/scss/wowchemy/wowchemy.scss
index b271ca68..ce894ec2 100644
--- a/wowchemy/assets/scss/wowchemy/wowchemy.scss
+++ b/wowchemy/assets/scss/wowchemy/wowchemy.scss
@@ -5,19 +5,19 @@
  *  License: https://github.com/wowchemy/wowchemy-hugo-modules/blob/master/LICENSE.md
  **************************************************/
 
-@import "root";
-@import "callouts";
-@import "shortcodes";
-@import "icons";
-@import "footer";
-@import "nav";
-@import "card";
-@import "search";
-@import "content";
-@import "listings";
-@import "widgets";
-@import "book";
-@import "dark";
-@import "integrations";
-@import "rtl";
-@import "breadcrumb";
+@import 'root';
+@import 'callouts';
+@import 'shortcodes';
+@import 'icons';
+@import 'footer';
+@import 'nav';
+@import 'card';
+@import 'search';
+@import 'content';
+@import 'listings';
+@import 'widgets';
+@import 'book';
+@import 'dark';
+@import 'integrations';
+@import 'rtl';
+@import 'breadcrumb';