Fix style lint error

Author: webstackdev

_TODO.md

@@ -23,6 +23,14 @@ https://aws.plainenglish.io/how-to-build-a-chatbot-using-aws-lex-and-lambda-in-2
 - Moving the scroll bar up quickly with the mouse seems to make the header logic break - the Switcher component and Breadcrumbs are hidden under the header
 - Themepicker and search icon are too big in non-squished header. Logo too - the initial presentation should be smaller.
 
+## Resume
+
+- Finish styling
+
+## Env Vars
+
+- Add HubSpot env vars to Vercel
+
 ## Content Issues
 
 - Need an article on OpenStack

src/components/FileExplorer/Print.astro

@@ -44,12 +44,12 @@ const wrapperClass = [
   }
 
   .file-explorer-print__panel {
-    width: fit-content;
-    max-width: 100%;
-    margin-inline: auto;
     font-size: var(--font-size-base);
     line-height: 1.6;
+    margin-inline: auto;
+    max-width: 100%;
     overflow-wrap: anywhere;
+    width: fit-content;
   }
 
   .file-explorer-print :global(.node) {
@@ -69,19 +69,16 @@ const wrapperClass = [
   @media print {
     .file-explorer-print {
       break-inside: auto;
-      page-break-inside: auto;
     }
 
     .file-explorer-print__panel {
-      overflow: visible;
       break-inside: auto;
-      page-break-inside: auto;
+      overflow: visible;
     }
 
     .file-explorer-print :global(.children),
     .file-explorer-print :global(li) {
       break-inside: auto;
-      page-break-inside: auto;
     }
   }
 </style>

src/pages/print/index.css

@@ -38,6 +38,7 @@
   /** Remove link/abbreviation underlines in PDF output. */
   .print-document :is(a, abbr[data-tooltip]),
   .print-document :is(a, abbr[data-tooltip]) * {
+    /* stylelint-disable-next-line declaration-no-important */
     text-decoration: none !important;
   }
 
@@ -61,6 +62,7 @@
     --font-size-5xl: calc(var(--print-base-font-size-px) * 2.25);
     --font-size-6xl: calc(var(--print-base-font-size-px) * 2.5);
     --font-size-7xl: calc(var(--print-base-font-size-px) * 3);
+
     font-size: var(--print-base-font-size-px);
   }