fix: remove global styles for body tag

jotaijs · Apr 18, 2024 · e2a6b0d · e2a6b0d
1 parent 1849018
commit e2a6b0d
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -146,6 +146,7 @@
     "postcss": "^8.4.38",
     "postcss-loader": "^8.1.1",
     "postcss-preset-mantine": "^1.14.4",
+    "postcss-remove-declaration": "^1.1.0",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/postcss.config.js b/postcss.config.js
@@ -1,5 +1,10 @@
 module.exports = {
   plugins: {
     'postcss-preset-mantine': {},
+    'postcss-remove-declaration': {
+      remove: {
+        body: '*',
+      },
+    },
   },
 };
diff --git a/src/DevTools/styles.css b/src/DevTools/styles.css
@@ -11,4 +11,15 @@
   color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
   --webkit-font-smoothing: antialiased;
   font-size: var(--mantine-font-size-md);
+  font-family: var(--mantine-font-family);
+  line-height: var(--mantine-line-height);
+  background-color: var(--mantine-color-body);
+  color: var(--mantine-color-text);
+
+  -webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
+  -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
+
+  @media screen and (max-device-width: em(500px)) {
+    -webkit-text-size-adjust: 100%;
+  }
 }