constrain style to .markdown-body

denoland · Oct 21, 2021 · e8c376a · e8c376a
1 parent 446456e
commit e8c376a
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 21 deletions.
diff --git a/example/main.ts b/example/main.ts
@@ -19,6 +19,9 @@ async function handler(_req: Request): Promise<Response> {
       <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <style>
+        body {
+          margin: 0;
+        }
         main {
           max-width: 800px;
           margin: 0 auto;
@@ -44,5 +47,5 @@ async function handler(_req: Request): Promise<Response> {
   }
 }
 
-console.log("Server listening on http://localhost:8000");
-listenAndServe(":8000", handler);
+console.log("Server listening on http://localhost:8001");
+listenAndServe(":8001", handler);
diff --git a/makefile b/makefile
@@ -1,3 +1,6 @@
 build:
 	cd style && npm install && npm run build
-	echo "/** @type {string} */\nexport const CSS = \``cat style/dist/main.css`\`;" > style.js
+	echo "/** @type {string} */\nexport const CSS = \``cat style/dist/main.css`\`;" > style.js
+
+dev:
+	deno run --allow-net --allow-read --unstable --watch ./example/main.ts
diff --git a/style.js b/style.js
diff --git a/style/main.scss b/style/main.scss
@@ -1,8 +1,13 @@
 @import "@primer/css/color-modes/themes/light.scss";
 @import "@primer/css/color-modes/themes/dark.scss";
 
-@import "@primer/css/support/index.scss";
-@import "@primer/css/base/index.scss";
+.markdown-body {
+  @import "@primer/css/support/index.scss";
+  @import "@primer/css/base/index.scss";
+
+  background-color: var(--color-canvas-default);
+  color: var(--color-fg-default);
+}
 
 @import "@primer/css/markdown/index.scss";
 

diff --git a/style/package-lock.json b/style/package-lock.json
diff --git a/style/package.json b/style/package.json
@@ -6,7 +6,6 @@
   "devDependencies": {
     "@parcel/transformer-sass": "^2.0.0",
     "@primer/css": "^18.0.1",
-    "normalize.css": "^8.0.1",
     "parcel": "^2.0.0"
   }
 }