🎨 add spacing

scottnath · May 17, 2024 · 642a75a · 642a75a
1 parent 1d29068
commit 642a75a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/style.css b/src/style.css
@@ -59,6 +59,7 @@
   width: 100%;
   background: var(--color-background);
   color: var(--color-primary);
+  padding: var(--spacing);
 }
 
 @media (prefers-color-scheme: dark) {

diff --git a/src/web-component.stories.js b/src/web-component.stories.js
@@ -98,6 +98,17 @@ export const SectionTitles = {
   }
 }
 
+export const Contained = {
+  render: (args) => 
+  html`<div style="margin: 0 auto; width: 100%; max-width: ${args.maxwidth || 52}em;">
+    <json-resume .resumejson="${args.resumejson}" preordered="${args.preordered}"></json-resume></div>
+  `,
+  args: {
+    resumejson: changeSummary('This resume is boxed into a container'),
+    preordered: true,
+  },
+}
+
 export const Slots = {
   render: (args) => 
   html`<json-resume .resumejson="${args.resumejson}" preordered="${args.preordered}">