setup tailwind

2021-12-31 13:48:25 -06:00
parent dcace52ac9
commit 2293b771f3
6 changed files with 45 additions and 25 deletions
--- a/packages/docs-new/src/entry.server.tsx
+++ b/packages/docs-new/src/entry.server.tsx
@@ -17,6 +17,15 @@ export async function render(url: string) {
  return /* HTML */ `
    <!DOCTYPE html>
    <head>
+      <meta charset="utf-8" />
+      <meta name="viewport" content="width=device-width,initial-scale=1" />
+      <link rel="preconnect" href="https://fonts.googleapis.com" />
+      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
+      <link
+        href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&family=Rubik:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap"
+        rel="stylesheet"
+      />
+      <link rel="stylesheet" href="/src/tailwind.css" />
      ${renderToString(<>{headTags}</>)}
    </head>
    <body>
--- a/packages/docs-new/src/tailwind.css
+++ b/packages/docs-new/src/tailwind.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;