Making version more prominent and defaulting to 3

Author: glenrobson

css/style.css

@@ -59,4 +59,25 @@ code {
 }
 .has-text-centered p {
     text-align: left !important;
+}
+
+.tabs {
+    position: sticky;
+    top: 0px;
+    background-color: white;
+    opacity: 1;
+    z-index: 1;
+}
+
+.is-active {
+    color: #0073b0;
+}
+
+.is-active h3 {
+    color: #0073b0;
+    background: #f7f5f5;
+}
+.is-active a {
+    border-top-style: solid;
+    border-top-width: 2px;
 }

recipe/0001-mvm-image/index.md

@@ -28,7 +28,12 @@ top_tabs:
 
 {{ theme.block-center-start }}
 
-
 {% include blocks/tabs.html  tabs=page.top_tabs %}
 
-{{ theme.block-end }}
+{{ theme.block-end }}
+<script>
+  if (!window.location.hash) {
+    let el = document.getElementById("version-3-heading");
+    el.className += " is-active";
+  }  
+</script>