Inline common css

Rikthepixel · Rikthepixel · commit 79a174bbb96f · 2023-04-02T13:35:24.000+02:00
diff --git a/src/components/head/CommonCss.tsx b/src/components/head/CommonCss.tsx
@@ -0,0 +1,20 @@
+import React from "react";
+
+const CommonCss = () => {
+  return (
+    <style>
+      {`
+        :where(.w-full) { width: 100%; }
+        :where(.flex) { display: flex; }
+        :where(.items-center) { align-items: center; }
+        :where(.justify-center) { justifiy-content: center }
+
+        
+        details>summary { list-style: none; }
+        details>summary::-webkit-details-marker { display: none; }
+      `}
+    </style>
+  );
+};
+
+export default CommonCss;
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -1,10 +1,12 @@
+import CommonCss from "@/components/head/CommonCss";
 import { Head, Html, Main, NextScript } from 'next/document';
 
 export default function Document() {
   return (
     <Html lang="en" className="overflow-auto scroll-smooth scroll-p-4">
       <Head>
         <link rel="icon" href="/favicon.ico" />
+        <CommonCss />
       </Head>
       <body>
         <Main />
diff --git a/src/styles/main.css b/src/styles/main.css
@@ -13,14 +13,6 @@ html {
   @apply min-h-full bg-fill text-fill-contrast;
 }
 
-details>summary {
-  list-style: none;
-}
-
-details>summary::-webkit-details-marker {
-  display: none;
-}
-
 div.swal2-popup.swal2-toast {
   @apply p-3 shadow shadow-black/25 bg-white/50 backdrop-blur-sm;
 }

Original file line number	Diff line number	Diff line change
`@@ -13,14 +13,6 @@ html {`
`13`	`13`	`@apply min-h-full bg-fill text-fill-contrast;`
`14`	`14`	`}`
`15`	`15`
`16`		`-details>summary {`
`17`		`- list-style: none;`
`18`		`-}`
`19`		`-`
`20`		`-details>summary::-webkit-details-marker {`
`21`		`- display: none;`
`22`		`-}`
`23`		`-`
`24`	`16`	`div.swal2-popup.swal2-toast {`
`25`	`17`	`@apply p-3 shadow shadow-black/25 bg-white/50 backdrop-blur-sm;`
`26`	`18`	`}`