@trimble-oss/modus-docs-hugo-theme 1.0.0-alpha27 → 1.0.0-alpha3

package/layouts/partials/related-content.html

@@ -32,7 +32,7 @@
         </div>
         <div class="row">
           <p class="ps-3 fw-bold text-primary">
-            Read More <svg class="ms-1" width="6.3" height="9.8"
+            Read More <svg xmlns="http://www.w3.org/2000/svg" class="ms-1" width="6.3" height="9.8"
               viewBox="0 0 6.3 9.8">
               <g transform="translate(1.412 1.412)">
                 <path id="Path_627" data-name="Path 627" d="M18,18.965l3.889-3.482L18,12" transform="translate(-18 -12)"

package/layouts/partials/skippy.html

@@ -1,11 +1,11 @@
 <div class="skippy visually-hidden-focusable overflow-hidden">
-  <div class="text-center container-fluid">
-    <a class="btn btn-primary rounded p-1 m-2" href="#main">Skip to
+  <div class="text-center w-100">
+    <a class="sr-only btn btn-primary rounded p-1 m-2" href="#main">Skip to
       main content</a>
 
     {{ if (eq .Page.Layout "docs") }}
-    <a class="d-md-inline-flex p-1 mb-1" href="#bd-docs-nav">Skip to docs
+    <a class="sr-only d-none d-md-inline-flex p-1 mb-1" href="#bd-docs-nav">Skip to docs
       navigation</a>
     {{- end }}
   </div>
-</div>
+</div>

package/layouts/partials/trimble-logo.html

@@ -1,4 +1,4 @@
-<svg width="115" height="26" class="img-fluid" viewBox="0 0 444.7 100">
+<svg xmlns="http://www.w3.org/2000/svg" width="115" height="26" class="img-fluid" viewBox="0 0 444.7 100">
   <path d="M115.85 87.13v-62H93V11.21h62.57v14h-23v62z" fill="currentcolor" />
   <path
     d="M141.9 87.13V32.74h16.52v8.84h.1c3-4.62 8.21-10.26 18.47-10.26h.51V46c-.61-.11-3.49-.31-4.51-.31a18.27 18.27.0 00-14.57 7.49v34z"

package/layouts/partials/was-this-page-helpful.html

@@ -3,14 +3,12 @@
   <button type="button"
     class="btn btn-light btn-outline-secondary btn-feedback btn-feedback-helpful border rounded p-1 me-2"
     aria-label="Helpful">
-    {{- partial "icons/modus-solid/thumbs-up.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary d-none icon-helpful-solid") -}}
-    {{- partial "icons/modus-outlined/thumbs-up.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary icon-helpful-outlined") -}}
+    {{- partial "icons/modus-outlined/thumbs-up.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary") -}}
   </button>
   <button type="button"
     class="btn btn-light btn-outline-secondary btn-feedback btn-feedback-not-helpful border rounded p-1"
     aria-label="Not Helpful">
-    {{- partial "icons/modus-solid/thumbs-down.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary d-none icon-not-helpful-solid") -}}
-    {{- partial "icons/modus-outlined/thumbs-down.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary icon-not-helpful-outlined") -}}
+    {{- partial "icons/modus-outlined/thumbs-down.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary") -}}
   </button>
 </div>
 
@@ -20,4 +18,4 @@
 
 <div class="small ml-2 d-none feedback-not-helpful">
   <a href="" rel="nofollow" target="_blank">Please, provide feedback about how we can improve the page</a>. Thank you!
-</div>
+</div>

package/layouts/shortcodes/example.html

@@ -21,7 +21,7 @@
 
 <div class="bd-example-snippet bd-code-snippet border rounded border-opacity-10">
   {{- if eq $show_preview true -}}
-  <div{{ with $id }} id="{{- . -}}" {{ end }} class="bd-example m-0 border-0{{ with $class }} {{ . }}{{ end }}">
+  <div{{ with $id }} id="{{ . }}" {{ end }} class="bd-example m-0 border-0{{ with $class }} {{ . }}{{ end }}">
     {{- $input -}}
 </div>
 {{- end -}}
@@ -47,4 +47,4 @@
 {{- $content = replaceRE ` (class=" *?")` "" $content -}}
 {{- highlight (trim $content "\n") $lang "" -}}
 {{- end -}}
-</div>
+</div>

package/layouts/sitemap.xml

@@ -0,0 +1,8 @@
+{{ printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\" ?>" | safeHTML }}
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  {{- range .Data.Pages -}}{{ if ne .Params.sitemap_exclude true }}
+  <url><loc>{{ .Permalink }}</loc>{{ if not .Lastmod.IsZero }}
+    <lastmod>{{ safeHTML (.Lastmod.Format "2006-01-02T15:04:05-07:00") }}</lastmod>{{ end }}
+  </url>{{- end -}}
+  {{- end -}}
+</urlset>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trimble-oss/modus-docs-hugo-theme",
-  "version": "1.0.0-alpha27",
+  "version": "1.0.0-alpha3",
   "description": "A Documentation theme for Hugo built by Trimble",
   "homepage": "https://github.com/trimble-oss/modus-docs-hugo-theme",
   "bugs": {
@@ -15,34 +15,29 @@
   "scripts": {
     "build": "npx hugo",
     "lint": "npm run lint-css && npm run lint-html && npm run lint-js",
-    "lint-css": "stylelint \"assets/css/*.*\" --fix",
+    "lint-css": "stylelint \"assets/styles/*.*\" --fix",
     "lint-html": "htmlhint \"build/**/index.html\"",
     "lint-js": "eslint assets/js/*.js --fix",
-    "lint-links": "npx linkinator ./public --recurse --silent",
-    "lint-markdown": "npx markdownlint-cli content/**/*.md --fix",
+    "lint-links": "npx linkinator content/ --recurse --silent --skip \"^(?!http://localhost)\"",
     "lint-spellcheck": "npx cspell \"content/**/*.md\" --no-progress",
-    "prettier": "prettier --write \"**/*.{json,js,md,svg,yml}\"",
+    "prettier": "prettier --write \"**/*.{json,js,md,svg}\"",
     "serve": "hugo serve --port 4000 --disableFastRender --navigateToChanged",
-    "test": "npm run lint-css && npm run lint-html && npm run lint-js",
-    "pa11y": "npx pa11y-ci https://victorious-field-0a3116c10.3.azurestaticapps.net/",
-    "svgo": "npx svgo --folder=\"static/img/icons/\""
+    "test": "npm run lint-css && npm run lint-html && npm run lint-js"
   },
   "dependencies": {
-    "@trimble-oss/modus-bootstrap": "^2.0.2",
-    "@trimble-oss/modus-icons": "^1.15.0"
+    "@trimble-oss/modus-icons": "1.4.0"
   },
   "devDependencies": {
-    "autoprefixer": "10.4.20",
-    "eslint": "8.57.1",
-    "eslint-config-prettier": "9.1.0",
+    "autoprefixer": "10.4.15",
+    "eslint": "^8.48.0",
+    "eslint-config-prettier": "^9.0.0",
     "htmlhint": "1.1.4",
-    "hugo-bin": "0.131.3",
-    "postcss": "8.4.47",
-    "postcss-cli": "11.0.0",
-    "prettier": "3.3.3",
-    "stylelint": "16.9.0",
-    "stylelint-config-standard-scss": "13.1.0",
-    "stylelint-order": "6.0.4"
+    "hugo-bin": "0.113.0",
+    "postcss": "8.4.28",
+    "postcss-cli": "10.1.0",
+    "prettier": "3.0.2",
+    "stylelint": "15.10.3",
+    "stylelint-config-standard-scss": "10.0.0"
   },
   "hugo-bin": {
     "buildTags": "extended"
@@ -52,11 +47,5 @@
     "data",
     "layouts",
     "static"
-  ],
-  "engines": {
-    "node": ">=18.0.0"
-  },
-  "volta": {
-    "node": "20.17.0"
-  }
+  ]
 }

package/static/img/trimble-logo.svg

@@ -1,5 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 445 100">
-    <path fill="#0063a3" d="M115.85 87.13v-62H93V11.21h62.57v14h-23v62Z"/>
-    <path fill="#0063a3" d="M141.9 87.13V32.74h16.52v8.84h.1c3-4.62 8.21-10.26 18.47-10.26h.51V46c-.61-.11-3.49-.31-4.51-.31a18.27 18.27 0 0 0-14.57 7.49v34ZM182.72 25V11.72h16.62V25Zm.11 62.17V32.44h16.41v54.69ZM205.7 87.13V32.44h16.51v8.62c3.29-4.31 9.34-9.74 18-9.74 9.13 0 13.44 3.79 15 9.74 3.28-4.2 9.44-9.74 18-9.74 11.08 0 16 7 16 16.72v39.09h-16.52V52.45c0-4.92-1.13-7.49-5.95-7.49-4.1 0-7.39 2.26-11 5.44v36.73h-16.49V52.45c0-4.92-1.13-7.49-6-7.49-4.1 0-7.38 2.26-11.08 5.44v36.73ZM312 80.66v6.47h-16.55V11.21H312v29.65c3.59-5 8.72-9.54 16.82-9.54 12.42 0 21 9.54 21 28.41S341.11 88 328.59 88c-7.39 0-12.52-2.72-16.59-7.34m21.34-20.82c0-9.13-3.18-14.88-10.57-14.88-4.21 0-8 2.57-10.77 5.34v20.21c3.59 3.38 6.56 5 11 5 6.82.02 10.31-5.72 10.31-15.67ZM354.94 87.13V11.21h16.41v75.92ZM376.47 59.84c0-21.24 16.21-28.52 27.49-28.52S429.1 37 429.1 61.79v2.46h-36.22c.83 9 5.85 12.51 12.73 12.51a25.16 25.16 0 0 0 16.21-6.56l6.36 9.85c-6.36 5.44-14.26 8.21-23.8 8.21-14.27 0-27.91-7.26-27.91-28.42m37.86-5.34c-.82-7.69-4.31-11.39-10.47-11.39-5.13 0-9.54 3.39-10.77 11.39ZM432.22 81a6.19 6.19 0 0 1 6.26-6.26 6.26 6.26 0 1 1-6.26 6.26m11.38 0a5.14 5.14 0 1 0-5.12 5.23A5.12 5.12 0 0 0 443.6 81m-7.55-3.56h2.56c1.62 0 2.56.7 2.56 2.1a1.84 1.84 0 0 1-1.34 1.94l1.48 2.81h-1.43l-1.38-2.62h-1.08v2.62h-1.37Zm2.48 3.18c.84 0 1.3-.27 1.3-1s-.46-1-1.33-1h-1.08v2ZM6.19 76.41V100l20.52-11.84A39.1 39.1 0 0 1 6.19 76.41M26.56 11.74 6.19 0v23.45a39.33 39.33 0 0 1 20.37-11.71M92.8 50 72.29 38.16a39.27 39.27 0 0 1-.06 23.72ZM19.7 17.92c2.94-.65 9.05 0 12.28.89a18.7 18.7 0 0 1 10.37-3.45 41.1 41.1 0 0 0-22.65 2.56M58.79 60.84a53 53 0 0 0-3.21-13.13c-7 3.18-15.72 1.13-21.53-3.9a96 96 0 0 0-11.43 14.51c9.85 8.03 26.05 10.14 36.17 2.52M17.23 59.09C8.55 50.19 5.52 37.22 8.3 27.25a35 35 0 0 0 2 47.47 63.4 63.4 0 0 1 6.93-15.63M54 43.94a47.2 47.2 0 0 0-7-10.78 81 81 0 0 0-10 7.77c5.26 4.37 12.14 5.23 17 3.01M47.47 27.72a36.3 36.3 0 0 1 7.62-4.23c-5.56-5.62-14.5-5.47-18.39-3a37.2 37.2 0 0 1 10.77 7.23"/>
-    <path fill="#0063a3" d="M20.4 62c-4.32 7.47-5.9 13-6.48 15.87A35 35 0 0 0 57.1 77a30 30 0 0 0 2-11.33c-11.96 7.12-28.44 4.4-38.7-3.67M57.4 41.45c3.83-4 3.06-10.84.15-14.78a29.6 29.6 0 0 0-7.13 4.18 52.7 52.7 0 0 1 6.98 10.6M64 32.85a14.1 14.1 0 0 1-4.84 12.59 57.4 57.4 0 0 1 3.33 11.76c5.25-6.82 5.09-16.56 1.51-24.35M34.16 37.9A83 83 0 0 1 44 30.11a33.2 33.2 0 0 0-10.82-6.59c-3.26 4.37-2.26 10.01.98 14.38M63.12 62.69a49.4 49.4 0 0 1-.43 8.88A35.37 35.37 0 0 0 70 47.07a26.82 26.82 0 0 1-6.88 15.62M29.1 22.28a28.4 28.4 0 0 0-13.9.09c-6.89 9.77-3.69 24.08 4.33 33a101 101 0 0 1 11.65-14.58c-4.08-5.07-5.7-12.9-2.08-18.51"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 445 100"><path d="M115.85,87.13v-62H93V11.21h62.57v14h-23v62Z" fill="#0063a3"/><path d="M141.9,87.13V32.74h16.52v8.84h.1c3-4.62,8.21-10.26,18.47-10.26h.51V46c-.61-.11-3.49-.31-4.51-.31a18.27,18.27,0,0,0-14.57,7.49v34Z" fill="#0063a3"/><path d="M182.72,25V11.72h16.62V25Zm.11,62.17V32.44h16.41V87.13Z" fill="#0063a3"/><path d="M205.7,87.13V32.44h16.51v8.62c3.29-4.31,9.34-9.74,18-9.74,9.13,0,13.44,3.79,15,9.74,3.28-4.2,9.44-9.74,18-9.74,11.08,0,16,7,16,16.72V87.13H272.69V52.45c0-4.92-1.13-7.49-5.95-7.49-4.1,0-7.39,2.26-11,5.44V87.13H239.25V52.45c0-4.92-1.13-7.49-6-7.49-4.1,0-7.38,2.26-11.08,5.44V87.13Z" fill="#0063a3"/><path d="M312,80.66v6.47H295.45V11.21H312V40.86c3.59-5,8.72-9.54,16.82-9.54,12.42,0,21,9.54,21,28.41S341.11,88,328.59,88C321.2,88,316.07,85.28,312,80.66Zm21.34-20.82c0-9.13-3.18-14.88-10.57-14.88-4.21,0-8,2.57-10.77,5.34V70.51c3.59,3.38,6.56,5,11,5C329.82,75.53,333.31,69.79,333.31,59.84Z" fill="#0063a3"/><path d="M354.94,87.13V11.21h16.41V87.13Z" fill="#0063a3"/><path d="M376.47,59.84c0-21.24,16.21-28.52,27.49-28.52S429.1,37,429.1,61.79v2.46H392.88c.83,9,5.85,12.51,12.73,12.51a25.16,25.16,0,0,0,16.21-6.56l6.36,9.85c-6.36,5.44-14.26,8.21-23.8,8.21C390.11,88.26,376.47,81,376.47,59.84Zm37.86-5.34c-.82-7.69-4.31-11.39-10.47-11.39-5.13,0-9.54,3.39-10.77,11.39Z" fill="#0063a3"/><path d="M432.22,81a6.19,6.19,0,0,1,6.26-6.26A6.26,6.26,0,1,1,432.22,81Zm11.38,0a5.14,5.14,0,1,0-5.12,5.23A5.12,5.12,0,0,0,443.6,81Zm-7.55-3.56h2.56c1.62,0,2.56.7,2.56,2.1a1.84,1.84,0,0,1-1.34,1.94l1.48,2.81h-1.43l-1.38-2.62h-1.08v2.62h-1.37Zm2.48,3.18c.84,0,1.3-.27,1.3-1s-.46-1-1.33-1h-1.08v2Z" fill="#0063a3"/><path d="M6.19,76.41V100L26.71,88.16A39.1,39.1,0,0,1,6.19,76.41Z" fill="#0063a3"/><path d="M26.56,11.74,6.19,0V23.45A39.33,39.33,0,0,1,26.56,11.74Z" fill="#0063a3"/><path d="M92.8,50,72.29,38.16a39.27,39.27,0,0,1-.06,23.72Z" fill="#0063a3"/><path d="M19.7,17.92c2.94-.65,9.05,0,12.28.89a18.68,18.68,0,0,1,10.37-3.45A41.12,41.12,0,0,0,19.7,17.92Z" fill="#0063a3"/><path d="M58.79,60.84a53.07,53.07,0,0,0-3.21-13.13c-7,3.18-15.72,1.13-21.53-3.9A95.93,95.93,0,0,0,22.62,58.32C32.47,66.35,48.67,68.46,58.79,60.84Z" fill="#0063a3"/><path d="M17.23,59.09C8.55,50.19,5.52,37.22,8.3,27.25a35,35,0,0,0,2,47.47A63.4,63.4,0,0,1,17.23,59.09Z" fill="#0063a3"/><path d="M54,43.94a47.18,47.18,0,0,0-7-10.78A80.73,80.73,0,0,0,37,40.93C42.26,45.3,49.14,46.16,54,43.94Z" fill="#0063a3"/><path d="M47.47,27.72a36.33,36.33,0,0,1,7.62-4.23c-5.56-5.62-14.5-5.47-18.39-3A37.17,37.17,0,0,1,47.47,27.72Z" fill="#0063a3"/><path d="M20.4,62c-4.32,7.47-5.9,13-6.48,15.87A35,35,0,0,0,57.1,77a30,30,0,0,0,2-11.33C47.14,72.79,30.66,70.07,20.4,62Z" fill="#0063a3"/><path d="M57.4,41.45c3.83-4,3.06-10.84.15-14.78a29.6,29.6,0,0,0-7.13,4.18A52.73,52.73,0,0,1,57.4,41.45Z" fill="#0063a3"/><path d="M64,32.85a14.1,14.1,0,0,1-4.84,12.59A57.37,57.37,0,0,1,62.49,57.2C67.74,50.38,67.58,40.64,64,32.85Z" fill="#0063a3"/><path d="M34.16,37.9A83.13,83.13,0,0,1,44,30.11a33.17,33.17,0,0,0-10.82-6.59C29.92,27.89,30.92,33.53,34.16,37.9Z" fill="#0063a3"/><path d="M63.12,62.69a49.42,49.42,0,0,1-.43,8.88A35.37,35.37,0,0,0,70,47.07,26.82,26.82,0,0,1,63.12,62.69Z" fill="#0063a3"/><path d="M29.1,22.28a28.42,28.42,0,0,0-13.9.09c-6.89,9.77-3.69,24.08,4.33,33A100.8,100.8,0,0,1,31.18,40.79C27.1,35.72,25.48,27.89,29.1,22.28Z" fill="#0063a3"/></svg>

package/static/js/theme-toggle.js

@@ -0,0 +1,41 @@
+// script adapted from Adam Argyle's tutorial: https://web.dev/building-a-theme-switch-component/
+
+const storageKey = 'theme-preference';
+
+const onClick = () => {
+  theme.value = theme.value === 'light' ? 'dark' : 'light';
+
+  setPreference();
+};
+
+const getColorPreference = () => {
+  if (localStorage.getItem(storageKey)) return localStorage.getItem(storageKey);
+  else return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+};
+
+const setPreference = () => {
+  localStorage.setItem(storageKey, theme.value);
+  reflectPreference();
+};
+
+const reflectPreference = () => {
+  document.firstElementChild.setAttribute('data-bs-theme', theme.value);
+
+  document.querySelector('#theme-toggle')?.setAttribute('aria-label', theme.value);
+};
+
+const theme = {
+  value: getColorPreference(),
+};
+
+reflectPreference();
+
+window.onload = () => {
+  reflectPreference();
+  document.querySelector('#theme-toggle').addEventListener('click', onClick);
+};
+
+window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', ({ matches: isDark }) => {
+  theme.value = isDark ? 'dark' : 'light';
+  setPreference();
+});

package/assets/css/_col-sidebar.scss

@@ -1,27 +0,0 @@
-.col-sidebar {
-  width: 64px !important;
-}
-
-.col-sidebar .list-group {
-  height: calc(100dvh - 66px);
-}
-
-[data-bs-theme="light"] {
-  .col-sidebar a.btn:hover,
-  .col-sidebar button:hover {
-    background-color: #e0e1e9 !important;
-  }
-}
-
-[data-bs-theme="dark"] {
-  .col-sidebar a.btn:hover,
-  .col-sidebar button:hover {
-    background-color: #424649 !important;
-  }
-}
-
-.col-sidebar button.list-group-item {
-  height: 48px;
-  margin-left: 6px;
-  width: 48px;
-}

package/assets/css/_mq-forced-colors-active.scss

@@ -1,29 +0,0 @@
-@media (forced-colors: active) {
-  nav.navbar.sticky-top {
-    border-bottom: 1px solid transparent;
-  }
-
-  .col-sidebar {
-    border-right: 1px solid transparent;
-  }
-
-  .highlight {
-    margin-bottom: 1rem;
-    outline: 1px solid transparent;
-  }
-
-  .nav-link.active {
-    outline: 1px solid transparent;
-  }
-}
-
-@media (forced-colors: active) and (prefers-color-scheme: light) {
-  nav.navbar.sticky-top .btn svg {
-    fill: ButtonText;
-  }
-
-  nav .navbar-brand svg {
-    filter: invert(1);
-    forced-color-adjust: none;
-  }
-}

package/assets/css/_navbar-search.scss

@@ -1,54 +0,0 @@
-.search-container {
-  left: -12px;
-  width: 40px;
-}
-
-.form-control-search {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m16.38 14.92-.66.05-.41-.41c2.44-2.81 2.28-7.1-.5-9.7S7.8 2.4 5.17 4.94a6.988 6.988 0 0 0-.08 9.98c2.61 2.61 6.77 2.72 9.52.34l.41.41-.05.65 3.89 3.89a.996.996 0 1 0 1.41-1.41l-3.88-3.88Zm-2.81-1.41a5.016 5.016 0 0 1-7.08 0c-1.95-1.95-1.95-5.13 0-7.08s5.13-1.95 7.08 0 1.95 5.13 0 7.08Z'/%3E%3C/svg%3E");
-  background-position: 5px center;
-  background-repeat: no-repeat;
-  background-size: 20px;
-  border-left: 0;
-  border-right: 0;
-  left: auto;
-  padding: 0;
-  right: -6px;
-  top: 0;
-  transition: all 0.2s;
-  width: 0 !important;
-  z-index: 1210;
-}
-
-.form-control-search:focus {
-  max-width: calc(100vw - 200px);
-  padding: 0 4px 4px 16px;
-  text-indent: 18px;
-  visibility: visible;
-  width: 363px !important;
-}
-
-.form-control-search:focus + .btn-search {
-  background-color: transparent;
-  pointer-events: none !important;
-  transition: all 1s;
-}
-
-.form-control-search:focus + .btn-search img {
-  opacity: 0;
-}
-
-.btn-search {
-  top: 0;
-}
-
-.btn-search svg {
-  margin-top: 11px;
-}
-
-[data-bs-theme="dark"] .form-control-search {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='m16.38 14.92-.66.05-.41-.41c2.44-2.81 2.28-7.1-.5-9.7S7.8 2.4 5.17 4.94a6.988 6.988 0 0 0-.08 9.98c2.61 2.61 6.77 2.72 9.52.34l.41.41-.05.65 3.89 3.89a.996.996 0 1 0 1.41-1.41l-3.88-3.88Zm-2.81-1.41a5.016 5.016 0 0 1-7.08 0c-1.95-1.95-1.95-5.13 0-7.08s5.13-1.95 7.08 0 1.95 5.13 0 7.08Z'/%3E%3C/svg%3E") !important;
-}
-
-[data-bs-theme="dark"] .btn-search img {
-  filter: invert(1);
-}

package/assets/css/_navbar.scss

@@ -1,27 +0,0 @@
-html[data-bs-theme="dark"] {
-  nav.navbar-blue .dropdown-menu img {
-    filter: invert(1);
-  }
-}
-
-.navbar-site-title {
-  margin-top: 12px;
-}
-
-nav.navbar-blue {
-  label.btn,
-  button.btn {
-    border-color: transparent !important;
-
-    &:hover {
-      background-color: #217cbb !important;
-      border: 1px solid #019aeb !important;
-      border-color: #019aeb;
-    }
-  }
-}
-
-nav.navbar-blue .dropdown-menu {
-  min-width: 250px;
-  z-index: 1030;
-}

package/assets/css/_tables.scss

@@ -1,34 +0,0 @@
-main table {
-  border: 1px solid rgba(133, 133, 133, 0.1);
-  margin-bottom: 1rem;
-  vertical-align: top;
-  width: 100%;
-
-  // border-color: var(--bs-table-border-color);
-}
-
-main table thead th {
-  border-bottom-width: 1px;
-  line-height: 1.25;
-  vertical-align: middle;
-}
-
-main table thead tr {
-  background-color: rgba(133, 133, 133, 0.1);
-}
-
-main table td {
-  font-size: 0.875rem;
-  vertical-align: middle;
-}
-
-.table-bordered > :not(caption) > * > * {
-  border-width: 0 var(--bs-border-width);
-}
-
-table > :not(caption) > * > * {
-  background-color: var(--bs-table-bg);
-  border-bottom-width: var(--bs-border-width);
-  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
-  padding: 0.25rem 1rem;
-}

package/layouts/partials/icons/modus-outlined/code.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" {{ with .width }} width="{{- . -}}"{{ end }}{{ with .height }} height="{{- . -}}"{{ end }}{{ with .class }} class="{{- . -}}"{{ end }} fill="currentColor" viewBox="0 0 24 24">
-  <path d="M17.12 8.12a.996.996 0 0 1 1.41 0l3.18 3.18c.39.39.39 1.02 0 1.41l-3.18 3.18c-.38.38-1.02.38-1.41-.01a.996.996 0 0 1 0-1.41S19.59 12 19.59 12l-2.47-2.47a.996.996 0 0 1 0-1.41Zm-10.24 0a.996.996 0 0 0-1.41 0L2.29 11.3a.996.996 0 0 0 0 1.41s3.18 3.18 3.18 3.18c.38.38 1.02.38 1.41-.01a.996.996 0 0 0 0-1.41S4.41 12 4.41 12l2.47-2.47a.996.996 0 0 0 0-1.41Zm3.07 10.64 5.92-12.69c.23-.5.02-1.1-.48-1.33-.5-.23-1.1-.02-1.33.48L8.14 17.91c-.23.5-.02 1.1.48 1.33.14.06.28.09.42.09.38 0 .74-.21.91-.58Z"/>
-</svg>

package/layouts/partials/icons/modus-solid/apps.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" {{ with .width }} width="{{- . -}}"{{ end }}{{ with .height }} height="{{- . -}}"{{ end }}{{ with .class }} class="{{- . -}}"{{ end }} fill="currentColor" viewBox="0 0 24 24">
-  <path d="M5 8h2c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1m6 12h2c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1m-6 0h2c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1m0-6h2c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1m6 0h2c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1m5-9v2c0 .6.4 1 1 1h2c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1m-5 3h2c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1m6 6h2c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1m0 6h2c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1"/>
-</svg>

package/layouts/partials/icons/modus-solid/code.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" {{ with .width }} width="{{- . -}}"{{ end }}{{ with .height }} height="{{- . -}}"{{ end }}{{ with .class }} class="{{- . -}}"{{ end }} fill="currentColor" viewBox="0 0 24 24">
-  <path d="M17.12 8.12a.996.996 0 0 1 1.41 0l3.18 3.18c.39.39.39 1.02 0 1.41l-3.18 3.18c-.38.38-1.02.38-1.41-.01a.996.996 0 0 1 0-1.41S19.59 12 19.59 12l-2.47-2.47a.996.996 0 0 1 0-1.41Zm-10.24 0a.996.996 0 0 0-1.41 0L2.29 11.3a.996.996 0 0 0 0 1.41s3.18 3.18 3.18 3.18c.38.38 1.02.38 1.41-.01a.996.996 0 0 0 0-1.41S4.41 12 4.41 12l2.47-2.47a.996.996 0 0 0 0-1.41Zm3.07 10.64 5.92-12.69c.23-.5.02-1.1-.48-1.33-.5-.23-1.1-.02-1.33.48L8.14 17.91c-.23.5-.02 1.1.48 1.33.14.06.28.09.42.09.38 0 .74-.21.91-.58Z"/>
-</svg>

package/layouts/partials/icons/modus-solid/menu.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" {{ with .width }} width="{{- . -}}"{{ end }}{{ with .height }} height="{{- . -}}"{{ end }}{{ with .class }} class="{{- . -}}"{{ end }} fill="currentColor" viewBox="0 0 24 24">
-  <path d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1Zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1ZM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1Z"/>
-</svg>

package/layouts/partials/icons/modus-solid/thumbs-down.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" {{ with .width }} width="{{ . }}"{{ end }}{{ with .height }} height="{{ . }}"{{ end }}{{ with .class }} class="{{ . }}"{{ end }} viewBox="0 0 24 24">
-  <path fill="currentColor" d="M4 15.02H3c-.55 0-1-.45-1-1v-9c0-.55.45-1 1-1h1c.55 0 1 .45 1 1v9c0 .55-.45 1-1 1Zm17.95-2.06c0 1.11-.9 2.01-2.01 2.01h-5.03c-.25 0-.48 0-.69.03h-.05c-.48.06-.82.19-.87.46.3 2.27 1.08 5.3-1.67 6.42-1.56.62-1.95-1.05-1.73-2.24.34-2.17-1.58-3.55-2.77-5.07-.13-.2-.12-.73-.12-.73V6.02c0-1.11.91-2.01 2.02-2.01h8.46c1.11 0 1.58.28 2.33 2.25 0 0 1.91 4.57 2.05 4.89s.09 1.82.09 1.82Z"/>
-</svg>

package/layouts/partials/icons/modus-solid/thumbs-up.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" {{ with .width }} width="{{ . }}"{{ end }}{{ with .height }} height="{{ . }}"{{ end }}{{ with .class }} class="{{ . }}"{{ end }} viewBox="0 0 24 24">
-  <path fill="currentColor" d="M4 9H3c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-9c0-.55-.45-1-1-1Zm17.95 2.06c0-1.11-.9-2.01-2.01-2.01h-5.03c-.25 0-.48 0-.69-.03h-.05c-.48-.06-.82-.19-.87-.46.3-2.27 1.08-5.3-1.67-6.42-1.56-.62-1.95 1.05-1.73 2.24.34 2.17-1.58 3.55-2.77 5.07-.13.2-.12.73-.12.73V18c0 1.11.91 2.01 2.02 2.01h8.46c1.11 0 1.58-.28 2.33-2.25 0 0 1.91-4.57 2.05-4.89s.09-1.82.09-1.82Z"/>
-</svg>

package/layouts/partials/icons/modus-solid/trimble-logo.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" {{ with .width }} width="{{- . -}}"{{ end }}{{ with .height }} height="{{- . -}}"{{ end }}{{ with .class }} class="{{- . -}}"{{ end }} fill="currentColor" viewBox="0 0 24 24">
-  <path d="M14.41 14.14c-.1-.87-.3-1.73-.62-2.54a4.03 4.03 0 0 1-4.18-.76c-.83.86-1.57 1.81-2.22 2.81 1.91 1.56 5.05 1.97 7.02.49M9.63 9.53c.59-.55 1.23-1.06 1.9-1.51a6.19 6.19 0 0 0-2.1-1.27c-.56.87-.48 2.01.2 2.79m2.59-2.02c.46-.34.95-.61 1.48-.82a3.16 3.16 0 0 0-3.56-.59c.77.34 1.48.82 2.09 1.41m-6.26-.97c-1.34 1.9-.71 4.67.84 6.41a19.84 19.84 0 0 1 2.26-2.84c-.86-1-1.03-2.42-.4-3.59-.89-.22-1.82-.21-2.7.02m2.7-.02 5.49 3.71c.66-.84.67-2.02.03-2.87-.5.2-.96.48-1.38.81.53.63.99 1.32 1.35 2.06M9.23 5.67c.59-.42 1.29-.65 2.01-.67-1.48-.25-3-.08-4.39.5.8-.09 1.61-.03 2.38.17m4.27 5.09c-.36-.76-.82-1.46-1.36-2.09-.68.45-1.32.96-1.92 1.51.9.79 2.17 1.02 3.28.58m1.95-2.11c.13.92-.23 1.84-.94 2.45.29.74.51 1.5.64 2.28a4.69 4.69 0 0 0 .3-4.73m-.17 5.91c.02.57 0 1.15-.08 1.72a6.823 6.823 0 0 0 1.42-4.75c-.1 1.13-.57 2.19-1.34 3.03m5.75-2.54-3.97-2.3c.47 1.5.46 3.1-.02 4.6l3.99-2.3ZM6.99 14.51c-.58.95-1.01 1.99-1.26 3.08a6.803 6.803 0 0 0 8.38-.15c.27-.7.4-1.45.38-2.2a6.941 6.941 0 0 1-7.5-.73m-.62-.72a6.651 6.651 0 0 1-1.73-6.18 6.787 6.787 0 0 0 .4 9.21c.31-1.07.76-2.09 1.34-3.03M8.19 4.3 4.24 2.03v4.55a7.563 7.563 0 0 1 3.95-2.27ZM4.24 22.01l3.98-2.3a7.597 7.597 0 0 1-3.98-2.28v4.58Z"/>
-</svg>

package/layouts/partials/icons/modus-solid/user-guide.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" {{ with .width }} width="{{- . -}}"{{ end }}{{ with .height }} height="{{- . -}}"{{ end }}{{ with .class }} class="{{- . -}}"{{ end }} fill="currentColor" viewBox="0 0 24 24">
-  <path d="M18.5 2H7C5.35 2 4 3.35 4 5v14c0 1.65 1.35 3 3 3v-2c-.55 0-1-.45-1-1s.45-1 1-1h1v5l1.5-2 1.5 2v-5h7v2h-6v2h6.5c.83 0 1.5-.67 1.5-1.5v-17c0-.83-.67-1.5-1.5-1.5Zm-10 3h4c.28 0 .5.22.5.5s-.22.5-.5.5h-4c-.28 0-.5-.22-.5-.5s.22-.5.5-.5Zm4 5h-4c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h4c.28 0 .5.22.5.5s-.22.5-.5.5Zm2-2h-6c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h6c.28 0 .5.22.5.5s-.22.5-.5.5Z"/>
-</svg>

package/static/img/icons/check-circle-outlined.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-outline mi-check-circle-outlined" viewBox="0 0 24 24">
-  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m5.04-11.28V8.7c-.4-.39-1.03-.39-1.42 0L10.33 14l-2.6-2.62a.996.996 0 0 0-1.41 0 .984.984 0 0 0-.01 1.4l.01.01 3.3 3.34a1 1 0 0 0 1.42.01l6-6.01a.996.996 0 0 0 0-1.41"/>
-</svg>

package/static/img/icons/code.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512">
-  <path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/>
-</svg>

package/static/img/icons/github.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
-</svg>

package/static/img/icons/trimble.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 732 789">
-  <path d="M543.59 674.86a54.34 54.34 0 0 1 54.9-54.9c30.76 0 54.43 23.9 54.43 54.67 0 73.17-109.33 73.15-109.33.23m99.86 0c0-60.79-90.16-61.1-90.16-.23s90.16 61.53 90.16.23m-66.26-31.23c22 0 45-3.33 45 18.46 0 9.7-4.73 14.67-11.83 17l13 24.62h-12.57l-12.07-23h-9.46v23h-12.07zm33.13 19.17c0-10-10.71-8.52-21.06-8.52v17.27c10.51 0 21.06 1.68 21.06-8.75M48.86 602.72v186.13l161.81-93.42a308.1 308.1 0 0 1-161.81-92.71M209.49 92.58 48.86 0v185a310.2 310.2 0 0 1 160.63-92.42M732 394.43 570.25 301a309.33 309.33 0 0 1-.48 187.08zM155.4 141.39c23.23-5.16 71.39-.27 96.87 7 20.38-16.21 51.17-25.6 81.82-27.15-70.46-12.72-135.64 2.05-178.69 20.15m308.34 338.53a416.8 416.8 0 0 0-25.28-103.53c-55.43 25-124 8.88-169.86-30.79-33.41 34.15-65.75 76.68-90.16 114.49 77.71 63.35 205.56 79.99 285.3 19.83m-327.8-13.82C67.43 396 43.55 293.61 65.49 215a276 276 0 0 0 16.16 374.43c11.21-42.43 31.97-85.72 54.29-123.33m289.7-119.45a372.8 372.8 0 0 0-55.49-85.1 635.4 635.4 0 0 0-78.09 61.34c41.29 34.45 95.61 41.21 133.58 23.76m-51.16-128.02c17.78-12.93 42.42-26.76 60.09-33.32-43.84-44.38-114.38-43.2-145-23.94a293.6 293.6 0 0 1 84.91 57.26"/>
-  <path d="M160.91 488.67c-34.09 58.94-46.53 102.19-51.06 125.2a276 276 0 0 0 340.58-6.21c10.24-24.74 15.47-55.53 15.45-89.38-93.99 55.94-223.99 34.43-304.97-29.61M452.81 327c30.17-31.7 24.12-85.56 1.17-116.62-14.14 4.78-43.57 21.94-56.26 33A413.6 413.6 0 0 1 452.81 327M505 259.11c4.65 40.7-10.79 75.93-38.17 99.35A448.7 448.7 0 0 1 493 451.19c41.36-53.81 40.1-130.56 12-192.08M269.45 299a672.5 672.5 0 0 1 77.22-61.49 262 262 0 0 0-85.35-52C236.05 220 243.94 264.52 269.45 299m228.49 195.52c1.4 23.09-.72 49.29-3.42 70 47.34-60.32 63.34-135 57.75-193.22-5.67 49.03-23.62 90.05-54.33 123.22M229.55 175.76c-34.94-8.54-75.63-8.91-109.67.72-54.33 77-29.1 189.94 34.2 260.64C178.13 400.5 213 354.9 246 321.75c-32.23-39.94-45-101.75-16.45-145.99"/>
-</svg>

package/static/img/icons/web-components.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path d="m11.731 2.225-.01.016H5.618L0 11.979l5.618 9.736h12.8l.04.06 2.134-3.735.518-.893h-.008l.008-.014-.626-.75h.895l.006-.01.008.01L24 11.994l-2.607-4.39-.003.005-.011-.02h-.945l.63-.763-2.606-4.57-.006.01-.024-.04zM9.107 6.824h6.19l-.53.764h-.023l2.398 4.015h.875l-.277.328.357.435h-.956l-2.398 4.015h.027l.523.764H9.074l-2.99-5.168 3.022-5.155z"/>
-</svg>

package/assets/{css → styles}/_autocomplete.scss

@@ -1,17 +1,17 @@
 /*! purgecss start ignore */
 .autocomplete-suggestions {
-  background-color: #fff;
+  cursor: default;
   border: 1px solid #cbcdd6;
   border-top: 0;
+  background-color: #fff;
   box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
-  box-sizing: border-box;
-  cursor: default;
+  position: absolute;
   display: none;
+  z-index: 33333; // higher than navbar
   max-height: 254px;
   overflow: hidden;
   overflow-y: auto;
-  position: absolute;
-  z-index: 33333; // higher than navbar
+  box-sizing: border-box;
 }
 
 [data-bs-theme="dark"] {
@@ -26,19 +26,19 @@
 }
 
 .autocomplete-suggestion {
-  color: #353a40;
+  position: relative;
   cursor: pointer;
+  padding: 7px;
   line-height: 23px;
+  white-space: nowrap;
   overflow: hidden;
-  padding: 7px;
-  position: relative;
   text-overflow: ellipsis;
-  white-space: nowrap;
+  color: #353a40;
 }
 
 .autocomplete-suggestion b {
-  color: #1f8dd6;
   font-weight: 400;
+  color: #1f8dd6;
 }
 
 .autocomplete-suggestion.selected {
@@ -52,8 +52,8 @@
 }
 
 .autocomplete-suggestion > .context {
-  color: #7d808d;
   font-size: 12px;
+  color: #7d808d;
 }
 
 .autocomplete-suggestion.selected > .context {

package/assets/{css → styles}/_cards.scss

@@ -18,8 +18,8 @@
 }
 
 .card-post .card-header {
-  aspect-ratio: 4 / 1;
-  background-position: center;
-  background-size: cover;
   min-height: 89px;
+  background-size: cover;
+  background-position: center;
+  aspect-ratio: 4 / 1;
 }

package/assets/{css → styles}/_javascript-disabled.scss

@@ -1,7 +1,7 @@
 .no-js input,
 .no-js a[data-toggle] {
-  opacity: 0.65;
   pointer-events: none !important;
+  opacity: 0.65;
 }
 
 .no-js nav.navbar {
@@ -9,12 +9,12 @@
 }
 
 .no-js body::before {
+  height: 32px;
   background-color: #e0e1e9;
+  text-align: center;
   content: "⚠️ JavaScript is disabled. This site requires JavaScript to be enabled ⚠️";
   display: block;
-  height: 32px;
   position: fixed;
-  text-align: center;
   top: 0;
   width: 100%;
   z-index: 1;

package/assets/{css → styles}/_list-js.scss

@@ -1,13 +1,13 @@
 .list:empty::before {
-  background-color: rgba(133, 133, 133, 0.1);
-  border-radius: 0.5rem;
-  content: "Nothing found, try searching again.";
   display: block;
-  margin-left: 15px;
-  margin-right: 15px;
+  width: 100%;
   padding: 100px 2rem;
+  margin-right: 15px;
+  margin-left: 15px;
   text-align: center;
-  width: 100%;
+  content: "Nothing found, try searching again.";
+  background-color: rgba(133, 133, 133, 0.1);
+  border-radius: 0.5rem;
 }
 
 [data-bs-theme="dark"] {

package/assets/{css → styles}/_menu-right.scss

@@ -12,15 +12,15 @@
 
 // right menu
 #TableOfContents li a {
-  border-left: 1px solid transparent;
-  font-size: 13px;
-  padding-bottom: 0.3rem;
   padding-top: 0.3rem;
+  padding-bottom: 0.3rem;
+  font-size: 13px;
+  border-left: 1px solid transparent;
 }
 
 .menu-right a {
-  color: #171c1e;
   font-size: 13px;
+  color: #171c1e;
 }
 
 [data-bs-theme="dark"] {
@@ -50,6 +50,6 @@ hr {
 
 // scrollspy color
 .menu-right #TableOfContents li .active {
-  border-left: 1px solid #0d6aa8 !important;
   color: #000 !important;
+  border-left: 1px solid #0d6aa8 !important;
 }

package/assets/{css → styles}/_news.scss

@@ -1,6 +1,6 @@
 body[data-url^="/news/"] header {
   aspect-ratio: 4 / 1;
-  background-position: center;
   background-size: cover;
+  background-position: center;
   min-height: 200px;
 }