refactor: use px2rem for kbd styles

dist/.icons/lucide/LICENSE

@@ -0,0 +1,39 @@
+ISC License
+
+Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2023 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2025.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+
+---
+
+The MIT License (MIT) (for portions derived from Feather)
+
+Copyright (c) 2013-2023 Cole Bemis
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

dist/assets/javascripts/LICENSE

@@ -0,0 +1,28 @@
+Third-Party Licenses
+-------------------------------------------------------------------------------
+
+Package: clipboard@2.0.11
+License: MIT
+Copyright: Zeno Rocha
+
+-------------------------------------------------------------------------------
+
+Package: escape-html@1.0.3
+License: MIT
+Copyright: 2012-2013 TJ Holowaychuk
+           2015 Andreas Lubbe
+           2015 Tiancheng "Timothy" Gu
+
+-------------------------------------------------------------------------------
+
+Package: focus-visible@5.2.1
+License: W3C
+Copyright: WICG
+
+-------------------------------------------------------------------------------
+
+Package: rxjs@7.8.2
+License: Apache-2.0
+Copyright: 2015-2018 Google, Inc.,
+           2015-2018 Netflix, Inc.,
+           2015-2018 Microsoft Corp. and contributors

dist/base.html

@@ -47,9 +47,9 @@
     {% endblock %}
     {% block styles %}
       {% if config.theme.variant == "modern" %}
-        {% set href = 'assets/stylesheets/modern/main.77c2767f.min.css' | url %}
+        {% set href = 'assets/stylesheets/modern/main.f1b6466b.min.css' | url %}
       {% else %}
-        {% set href = 'assets/stylesheets/classic/main.6c47de74.min.css' | url %}
+        {% set href = 'assets/stylesheets/classic/main.70d17ad7.min.css' | url %}
       {% endif %}
       <link rel="stylesheet" href="{{ href }}">
       {% if config.theme.palette %}
@@ -250,7 +250,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.2e16b724.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.d8ffd5d1.min.js' | url }}"></script>
       {% for script in config.extra_javascript %}
         {{ script | script_tag }}
       {% endfor %}

src/assets/javascripts/LICENSE

@@ -0,0 +1,29 @@
+-------------------------------------------------------------------------------
+Third-Party licenses
+-------------------------------------------------------------------------------
+
+Package: clipboard@2.0.11
+License: MIT
+Copyright: Zeno Rocha
+
+-------------------------------------------------------------------------------
+
+Package: escape-html@1.0.3
+License: MIT
+Copyright: 2012-2013 TJ Holowaychuk
+           2015 Andreas Lubbe
+           2015 Tiancheng "Timothy" Gu
+
+-------------------------------------------------------------------------------
+
+Package: focus-visible@5.2.1
+License: W3C
+Copyright: WICG
+
+-------------------------------------------------------------------------------
+
+Package: rxjs@7.8.2
+License: Apache-2.0
+Copyright: 2015-2018 Google, Inc.,
+           2015-2018 Netflix, Inc.,
+           2015-2018 Microsoft Corp. and contributors

src/assets/javascripts/bundle.ts

@@ -46,6 +46,7 @@ import {
   getActiveElement,
   getOptionalElement,
   requestJSON,
+  setLocation,
   setToggle,
   watchDocument,
   watchKeyboard,
@@ -190,15 +191,15 @@ keyboard$
         case "p":
           const prev = document.querySelector("link[rel=prev]")
           if (prev instanceof HTMLLinkElement)
-            window.location.href = prev.href
+            setLocation(prev)
           break
 
         // Go to next page
         case ".":
         case "n":
           const next = document.querySelector("link[rel=next]")
           if (next instanceof HTMLLinkElement)
-            window.location.href = next.href
+            setLocation(next)
           break
 
         // Open search

src/assets/stylesheets/classic/main/components/_header.scss

@@ -230,18 +230,6 @@
     flex-shrink: 0;
     max-width: 100%;
     white-space: nowrap;
-    transition:
-      max-width  0ms 250ms,
-      opacity  250ms 250ms;
-
-    // Hide toggle when search is active
-    [data-md-toggle="search"]:checked ~ .md-header & {
-      max-width: 0;
-      opacity: 0;
-      transition:
-        max-width 0ms,
-        opacity   0ms;
-    }
 
     // Hack: Firefox 117 introduces a bug where the browser scrolls the page by
     // a small amount to the top every time the header button is focused. After

src/assets/stylesheets/classic/main/components/_select.scss

@@ -50,15 +50,26 @@
       max-height   0ms 500ms;
     transform: translate3d(-50%, px2rem(6px), 0);
 
+    // [tablet portrait -]: Align to the right
+    @include break-to-device(tablet portrait) {
+      left: 100%;
+      transform: translate3d(-100%, px2rem(6px), 0);
+    }
+
     // Selection bubble on parent focus/hover
     .md-select:is(:focus-within, :hover) & {
-      max-height: px2rem(200px);
+      max-height: min(75vh, px2rem(560px));
       opacity: 1;
       transition:
         transform  250ms cubic-bezier(0.1, 0.7, 0.1, 1),
         opacity    250ms,
         max-height   0ms;
       transform: translate3d(-50%, 0, 0);
+
+      // [tablet portrait -]: Align to the right
+      @include break-to-device(tablet portrait) {
+        transform: translate3d(-100%, 0, 0);
+      }
     }
 
     // Selection bubble handle
@@ -71,9 +82,16 @@
       margin-top: px2rem(-4px);
       margin-left: px2rem(-4px);
       content: "";
+      filter: drop-shadow(0 -1px 0 var(--md-default-fg-color--lightest));
       border: px2rem(4px) solid transparent;
       border-top: 0;
       border-bottom-color: var(--md-default-bg-color);
+
+      // [tablet portrait -]: Align to the right
+      @include break-to-device(tablet portrait) {
+        left: initial;
+        right: px2rem(20px);
+      }
     }
   }
 

src/assets/stylesheets/modern/main/_typeset.scss

@@ -289,8 +289,8 @@ kbd {
     vertical-align: text-top;
     border-radius: px2rem(4px);
     box-shadow:
-      0 0 0 1px var(--md-typeset-kbd-border-color),
-      0 3px 0   var(--md-typeset-kbd-border-color);
+      0 0 0 px2rem(1px) var(--md-typeset-kbd-border-color),
+      0 px2rem(3px) 0   var(--md-typeset-kbd-border-color);
   }
 
   // Text highlighting marker

src/assets/stylesheets/modern/main/components/_nav.scss

@@ -390,7 +390,19 @@
 
   // Repository information container
   &__source {
-    display: none;
+    border-radius: px2rem(8px);
+    border: px2rem(1px) solid var(--md-default-fg-color--lightest);
+    margin: px2rem(4px);
+    margin-bottom: px2rem(12px);
+    transition:
+      250ms background-color,
+      250ms border-color;
+
+    // Link on focus/hover
+    &:is(:focus, :hover) {
+      background-color: var(--md-default-fg-color--lightest);
+      border-color: transparent;
+    }
   }
 
   // Modifier for when table of contents is rendered in primary navigation

src/assets/stylesheets/modern/main/components/_select.scss

@@ -41,7 +41,7 @@
     margin-top: px2rem(4px);
     color: var(--md-default-fg-color);
     background-color: var(--md-default-bg-color);
-    border-radius: px2rem(2px);
+    border-radius: px2rem(8px);
     box-shadow: var(--md-shadow-z2);
     opacity: 0;
     transition:
@@ -50,15 +50,26 @@
       max-height   0ms 500ms;
     transform: translate3d(-50%, px2rem(6px), 0);
 
+    // [tablet portrait -]: Align to the right
+    @include break-to-device(tablet portrait) {
+      left: 100%;
+      transform: translate3d(-100%, px2rem(6px), 0);
+    }
+
     // Selection bubble on parent focus/hover
     .md-select:is(:focus-within, :hover) & {
-      max-height: px2rem(200px);
+      max-height: min(75vh, px2rem(560px));
       opacity: 1;
       transition:
         transform  250ms cubic-bezier(0.1, 0.7, 0.1, 1),
         opacity    250ms,
         max-height   0ms;
       transform: translate3d(-50%, 0, 0);
+
+      // [tablet portrait -]: Align to the right
+      @include break-to-device(tablet portrait) {
+        transform: translate3d(-100%, 0, 0);
+      }
     }
 
     // Selection bubble handle
@@ -71,9 +82,16 @@
       margin-top: px2rem(-4px);
       margin-left: px2rem(-4px);
       content: "";
+      filter: drop-shadow(0 -1px 0 var(--md-default-fg-color--lightest));
       border: px2rem(4px) solid transparent;
       border-top: 0;
       border-bottom-color: var(--md-default-bg-color);
+
+      // [tablet portrait -]: Align to the right
+      @include break-to-device(tablet portrait) {
+        left: initial;
+        right: px2rem(20px);
+      }
     }
   }
 

tools/build/index.ts

@@ -132,7 +132,7 @@ const assets$ = concat(
     })),
 
   // Copy Lucide icons
-  ...["**/*.svg", "../LICENSE.md"]
+  ...["**/*.svg", "../LICENSE"]
     .map(pattern => copyAll(pattern, {
       from: "node_modules/lucide-static/icons",
       to: `${base}/.icons/lucide`,
@@ -152,7 +152,15 @@ const assets$ = concat(
     .map(pattern => copyAll(pattern, {
       from: "src",
       to: base
-    }))
+    })),
+
+  // Copy third-party license file
+  ...["LICENSE"]
+    .map(pattern => copyAll(pattern, {
+      from: "src/assets/javascripts",
+      to: `dist/assets/javascripts`,
+      transform: async data => minsvg(data)
+    })),
 )
 
 // -------------------------------------------------------------------------