astro-accelerator 5.10.3 → 5.10.4

package/package.json

@@ -1,5 +1,5 @@
 {
-    "version": "5.10.3",
+    "version": "5.10.4",
     "author": "Steve Fenton",
     "name": "astro-accelerator",
     "description": "A super-lightweight, accessible, SEO-friendly starter project for Astro",

package/public/css/main.css

@@ -3,6 +3,7 @@
 html {
     box-sizing: border-box;
     interpolate-size: allow-keywords;
+    scrollbar-gutter: stable;
 
     @media (prefers-reduced-motion: no-preference) {
         scroll-behavior: smooth;
@@ -22,13 +23,7 @@ html {
     padding: 0;
     vertical-align: baseline;
     text-decoration-skip-ink: auto;
-}
-
-html {
-    scroll-padding-top: 5em;
-    @media (prefers-reduced-motion: no-preference) {
-        scroll-behavior: smooth;
-    }
+    scrollbar-gutter: stable;
 }
 
 body {
@@ -106,6 +101,7 @@ button {
 }
 
 summary {
+    padding-inline: 0;
     text-decoration: none;
 }
 
@@ -446,37 +442,32 @@ a.navigation-icon:focus {
 /* Navigation */
 
 .site-nav {
+    --site-nav-indent: 0.5rem;
     font-size: var(--font-size-meta);
 }
 
-.site-nav ul {
-    border-top: 1px solid var(--fore-link);
+.site-nav > ul {
+    border-bottom: 1px solid var(--fore-link);
 }
 
 .site-nav li {
     list-style: none;
-    border-bottom: 1px solid var(--fore-link);
+}
+
+.site-nav > ul > li {
+    border-top: 1px solid var(--fore-link);
+}
+
+.site-nav > ul > li li {
+    border-top: 1px solid color-mix(in srgb, var(--fore-link) 50%, transparent);
 }
 
 .site-nav a {
     text-indent: var(--marker-size);
     width: calc(100% - 2.07rem);
     display: inline-block;
-    padding: 0.5rem 1rem;
+    padding: 1rem var(--site-nav-indent);
     text-decoration: none;
-    padding: 1rem;
-}
-
-.site-nav li.has-children summary span {
-    text-indent: 0;
-    display: inline-block;
-    padding: 0.5rem 1rem;
-    text-decoration: none;
-    padding: 1rem;
-}
-
-.site-nav li.has-children ul a {
-    text-indent: calc(var(--marker-size) * 2);
 }
 
 .site-nav a[aria-current] {
@@ -493,6 +484,21 @@ a.navigation-icon:focus {
     width: 1em;
 }
 
+.site-nav li.has-children summary span {
+    text-indent: 0;
+    display: inline-block;
+    padding: 1rem var(--site-nav-indent);
+    text-decoration: none;
+}
+
+details.sub-nav {
+    padding: 0rem !important;
+}
+
+details.sub-nav details {
+    margin-inline-start: calc(var(--marker-size) + var(--site-nav-indent));
+}
+
 .overlay-menu .site-nav {
     font-size: 1.4em;
 
@@ -609,11 +615,11 @@ a.navigation-icon:focus {
 .overlay {
     position: fixed;
     top: 0;
-    width: calc(100% - 2em);
-    height: calc(100% - 7rem);
+    width: calc(100vw - 6rem);
+    height: calc(100vh - 7rem);
     max-height: 100vh;
     background-color: var(--aft);
-    padding: 5rem 1em 2rem 1em;
+    padding: 5rem 3rem 2rem 3rem;
     overflow-y: auto;
     z-index: 1;
 }

package/src/pages/search.json.ts

@@ -16,9 +16,7 @@ const getData = async () => {
     const accelerator = new Accelerator(SITE);
 
     for (const path in allPages) {
-        const page = (await allPages[path]()) as MarkdownInstance<
-            Record<string, any>
-        >;
+        const page = (await allPages[path]()) as MarkdownInstance<Record<string, any>>;
 
         if (!PostFiltering.showInSearch(page)) {
             continue;
@@ -31,10 +29,8 @@ const getData = async () => {
         }
 
         const headings = await page.getHeadings();
-        const title = await accelerator.markdown.getTextFrom(
-            page.frontmatter?.title
-        );
-        const content = page.compiledContent ? page.compiledContent() : '';
+        const title = await accelerator.markdown.getTextFrom(page.frontmatter?.title);
+        const content = page.compiledContent ? await page.compiledContent() : '';
         let counted: { word: string; count: number }[] = [];
 
         if (content) {
@@ -47,22 +43,22 @@ const getData = async () => {
             });
 
             counted = words
-                .map((w) => {
+                .map(w => {
                     return {
                         word: w,
-                        count: words.filter((wd) => wd === w).length,
+                        count: words.filter(wd => wd === w).length,
                     };
                 })
-                .filter((e) => e.word.replace(/[^a-z]+/g, '').length > 1);
+                .filter(e => e.word.replace(/[^a-z]+/g, '').length > 1);
         }
 
         items.push({
             title: title,
-            headings: headings.map((h) => {
+            headings: headings.map(h => {
                 return { text: h.text, slug: h.slug };
             }),
             description: page.frontmatter.description ?? '',
-            keywords: counted.map((c) => c.word).join(' '),
+            keywords: counted.map(c => c.word).join(' '),
             tags: page.frontmatter.tags ?? [],
             url: SITE.url + accelerator.urlFormatter.formatAddress(url),
             date: page.frontmatter.pubDate ?? '',