wip(front): adjust breakpoint padding on CV page (#963)

dgrebb · Feb 7, 2024 · 49735af · 49735af
1 parent c7d99c4
commit 49735af
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/front/src/lib/styles/pages/cv.css b/front/src/lib/styles/pages/cv.css
@@ -1,8 +1,6 @@
 @import '../components/cv-timeline.css';
 
 .cv.meat {
-  padding: 2.33rem;
-  max-width: 64rem;
   h1.page-heading {
     font-family: var(--font-psbl);
     letter-spacing: -0.0875rem;

diff --git a/front/src/routes/cv/[collection]/[slug]/+page.svelte b/front/src/routes/cv/[collection]/[slug]/+page.svelte
@@ -37,7 +37,7 @@
 </script>
 
 <PageTransition transitionKey={slug}>
-  <section class="cv meat {collection}">
+  <section class="cv meat singleton {collection}">
     <span class="flourish" />
     <a id="main">Main Content</a>
     {#if itemData}
@@ -56,3 +56,14 @@
     <Meta {pageMeta} />
   {/key}
 {/if}
+
+<style lang="postcss">
+  .singleton {
+    max-width: 64rem;
+  }
+  @media screen and (min-width: 640px) {
+    .singleton {
+      padding: 2.33rem;
+    }
+  }
+</style>