Incorporate @begin/masthead (#180)

* Incorporate @begin/masthead * Fix body offset on default bp * Set overflows on html AND body * Bump masthead
enhance-dev · Nov 14, 2023 · 2e8e030 · 2e8e030
1 parent d8894ac
commit 2e8e030
Show file tree

Hide file tree

Showing 36 changed files with 474 additions and 653 deletions.
diff --git a/app/api/docs/$$.mjs b/app/api/docs/$$.mjs
@@ -13,7 +13,7 @@ import redirects from '../../lib/docs-redirects.mjs'
 const arcdown = new Arcdown({
   pluginOverrides: {
     markdownItToc: {
-      containerClass: 'toc mbe2 mis-2',
+      containerClass: 'toc mbe2 mis-2 leading2',
       listType: 'ul',
     },
   },

diff --git a/app/docs/md/routing/lifecycle.md b/app/docs/md/routing/lifecycle.md
@@ -8,8 +8,7 @@ The journey of an HTTP request through Enhance isn't complicated, but it's helpf
 
 </doc-callout>
 
-<doc-enhance-diagram class="block mbe2">
-</doc-enhance-diagram>
+<img src='/_public/img/docs/routing-lifecycle.svg' class='block mbe2 si-100' />
 
 ## Routing
 

diff --git a/app/elements/begin-masthead.mjs b/app/elements/begin-masthead.mjs
@@ -0,0 +1 @@
+export { Masthead as default } from '@begin/masthead'
diff --git a/app/elements/doc/content.mjs b/app/elements/doc/content.mjs
@@ -1,9 +1,6 @@
 export default function DocContent({ html }) {
   return html`
     <style>
-      :host {
-        padding: 1rem;
-      }
       :host > * {
         max-width: 52rem;
         margin: auto;
@@ -18,7 +15,15 @@ export default function DocContent({ html }) {
       :host > ::slotted([slot]) > h3,
       :host > ::slotted([slot]) > h4 {
         margin-bottom: 0.75rem;
-        font-weight: 500;
+      }
+      :host > ::slotted([slot]) > h1 {
+        font-weight: 700;
+      }
+      :host > ::slotted([slot]) > h2,
+      :host > ::slotted([slot]) > h3,
+      :host > ::slotted([slot]) > h4 {
+        margin-bottom: 0.75rem;
+        font-weight: 600;
       }
       h1 {
         font-size: 1.953rem;
@@ -34,7 +39,7 @@ export default function DocContent({ html }) {
       }
 
       strong {
-        font-weight: 500;
+        font-weight: 600;
         color: var(--black-white);
       }
       small {

diff --git a/app/elements/doc/enhance-diagram.mjs b/app/elements/doc/enhance-diagram.mjs
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		export { Masthead as default } from '@begin/masthead'