docs: add new version banner

docs/css/pico.docs.css

@@ -46,6 +46,13 @@ html {
   scroll-behavior: smooth;
 }
 
+body > .new-version {
+  padding: calc(var(--spacing) * 0.5) var(--spacing);
+  background-color: var(--primary);
+  color: var(--primary-inverse);
+  text-align: center;
+}
+
 /**
  * Docs: Main (Grid)
  */
@@ -403,7 +410,7 @@ body > nav {
   --nav-link-spacing-vertical: 1rem;
   -webkit-backdrop-filter: saturate(180%) blur(20px);
   z-index: 99;
-  position: fixed;
+  position: sticky;
   top: 0;
   right: 0;
   left: 0;

docs/scss/components/_nav.scss

@@ -7,7 +7,7 @@ body > nav {
 
   -webkit-backdrop-filter: saturate(180%) blur(20px);
   z-index: 99;
-  position: fixed;
+  position: sticky;
   top: 0;
   right: 0;
   left: 0;

docs/scss/layout/_new-version.scss

@@ -0,0 +1,6 @@
+body > .new-version {
+  padding: calc(var(--spacing) * 0.5) var(--spacing);
+  background-color: var(--primary);
+  color: var(--primary-inverse);
+  text-align: center;
+}

docs/scss/pico.docs.scss

@@ -10,6 +10,7 @@
 
 // Layout
 @import "layout/document";
+@import "layout/new-version";
 @import "layout/main";
 @import "layout/aside";
 @import "layout/documentation";

docs/src/_nav.html

@@ -1,3 +1,7 @@
+<div class="new-version" class="container-fluid">
+  <a href="https://picocss.com/" class="contrast">There's a newer version of Pico CSS!</a>
+</div>
+
 <nav class="container-fluid">
   <ul>
     <li>

docs/src/index.html

@@ -23,7 +23,7 @@
           <h3>Install manually</h3>
           <p>
             <a
-              href="https://github.com/picocss/pico/archive/refs/tags/v1.5.11.zip"
+              href="https://github.com/picocss/pico/archive/refs/heads/v1-dev.zip"
               >Download Pico</a
             >
             and link <code>/css/pico.min.css</code> in the