chore(contented-preview): reduce unnecessary files to reduce publishe…

…d website template (#519) #### What this PR does / why we need it: Reduce bulk.
fuxingloh · Jul 19, 2023 · a02ca22 · a02ca22
1 parent 712d62c
commit a02ca22
Show file tree

Hide file tree

Showing 11 changed files with 9 additions and 127 deletions.
diff --git a/.idea/contented.iml b/.idea/contented.iml
diff --git a/packages/contented-preview/public/fonts/Inter-italic.var.woff2 b/packages/contented-preview/public/fonts/Inter-italic.var.woff2
diff --git a/packages/contented-preview/public/fonts/Inter-roman.var.woff2 b/packages/contented-preview/public/fonts/Inter-roman.var.woff2
diff --git a/packages/contented-preview/public/fonts/lexend.txt b/packages/contented-preview/public/fonts/lexend.txt
diff --git a/packages/contented-preview/public/fonts/lexend.woff2 b/packages/contented-preview/public/fonts/lexend.woff2
diff --git a/packages/contented-preview/src/pages/404.page.jsx b/packages/contented-preview/src/pages/404.page.jsx
@@ -2,11 +2,13 @@ export default function NotFound() {
   return (
     <main className="max-w-8xl mx-auto flex w-full flex-grow flex-col px-4 sm:px-6 lg:px-8">
       <div className="my-auto flex-shrink-0 py-16 sm:py-32">
-        <p className="text-sm font-semibold uppercase tracking-wide text-indigo-600 dark:text-indigo-500">404 error</p>
+        <p className="text-primary-600 dark:text-primary-500 text-sm font-semibold uppercase tracking-wide">
+          404 error
+        </p>
         <h1 className="mt-2 text-4xl font-extrabold tracking-tight sm:text-5xl">Page not found</h1>
         <p className="mt-2 text-base text-gray-500">Sorry, we couldn’t find the page you’re looking for.</p>
         <div className="mt-6">
-          <a href="/" className="text-base font-medium text-indigo-600 dark:text-indigo-500">
+          <a href="/" className="text-primary-600 dark:text-primary-500 text-base font-medium">
             Go back home<span aria-hidden="true"> &rarr;</span>
           </a>
         </div>

diff --git a/packages/contented-preview/src/pages/_components/ContentProse.jsx b/packages/contented-preview/src/pages/_components/ContentProse.jsx
@@ -7,7 +7,7 @@ export default function ContentProse({ as: Component = 'div', className, ...prop
         className,
         'prose prose-slate dark:prose-invert max-w-none dark:text-slate-400',
         // headings
-        'prose-headings:scroll-mt-28 prose-headings:font-display prose-headings:font-normal lg:prose-headings:scroll-mt-[8.5rem]',
+        'prose-headings:scroll-mt-28 lg:prose-headings:scroll-mt-[8.5rem]',
         // lead
         'prose-lead:text-slate-500 dark:prose-lead:text-slate-400',
         // links

diff --git a/packages/contented-preview/src/styles/fonts.css b/packages/contented-preview/src/styles/fonts.css
diff --git a/packages/contented-preview/src/styles/globals.css b/packages/contented-preview/src/styles/globals.css
@@ -1,5 +1,4 @@
 @import 'tailwindcss/base';
-@import './fonts.css';
 @import './prose.css';
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities';
diff --git a/packages/contented-preview/src/styles/prose.css b/packages/contented-preview/src/styles/prose.css
@@ -28,6 +28,7 @@
 
 .prose :is(h1, h2, h3, h4, h5, h6) {
   @apply -ml-6 pl-6;
+  @apply font-bold;
 }
 
 .prose :is(h1, h2, h3, h4, h5, h6):hover > a:first-child {
@@ -46,7 +47,8 @@
 .prose code:not(pre code):not(:where([class~='not-prose'] *)) {
   padding: 0.2em 0.4em;
   border-radius: 6px;
-  @apply rounded border font-normal;
+  @apply font-semibold text-slate-800;
+  @apply rounded border;
   @apply border-slate-200/70 bg-slate-100/70;
   @apply dark:border-slate-700/70 dark:bg-slate-800/70;
 }
diff --git a/packages/contented-preview/tailwind.config.js b/packages/contented-preview/tailwind.config.js
@@ -1,14 +1,8 @@
-const defaultTheme = require('tailwindcss/defaultTheme');
-
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   darkMode: 'class',
   content: ['./src/**/*.{js,ts,jsx,tsx}'],
   theme: {
-    fontFamily: {
-      sans: ['Inter', ...defaultTheme.fontFamily.sans],
-      display: ['Lexend', ...defaultTheme.fontFamily.sans],
-    },
     extend: {
       maxWidth: {
         '8xl': '100rem',