Merge branch 'new-website' of github.com:transloadit/uppy into new-website

website/themes/uppy/layout/index.ejs

@@ -30,8 +30,8 @@
   </div>
 
   <ul class="Tabs">
-    <li class="Tabs-item Tabs-item--active">
-      <a class="Tabs-link" href="#live-demo">
+    <li class="Tabs-item">
+      <a class="Tabs-link Tabs-link--active" href="#live-demo">
         <span class="Tabs-icon">
           <svg width="11" height="15" viewBox="0 0 11 15">
             <path d="M0 0v12.5L3.667 9l3.143 6 2.619-1.5L5.762 8 11 7.5z" fill-rule="evenodd" />

website/themes/uppy/source/css/_common.scss

@@ -413,7 +413,7 @@ hr {
     }
   }
 
-  &-item--active .Tabs-link {
+  &-link--active {
     color: $color-dark;
     background-color: $color-codebg;
 

website/themes/uppy/source/js/common.js

@@ -200,15 +200,15 @@
 
     // Tabs
     window.addEventListener("load", function () {
-      var tabs = document.querySelectorAll(".Tabs-item");
+      var tabs = document.querySelectorAll(".Tabs-link");
       
       function myTabClicks(tabClickEvent) {
         for (var i = 0; i < tabs.length; i++) {
-          tabs[i].classList.remove("Tabs-item--active");
+          tabs[i].classList.remove("Tabs-link--active");
         }
 
         var clickedTab = tabClickEvent.currentTarget;
-        clickedTab.classList.add("Tabs-item--active");
+        clickedTab.classList.add("Tabs-link--active");
         tabClickEvent.preventDefault();
         
         var myContentPanes = document.querySelectorAll(".TabPane");