Refactor body class codes to base.css

2026-08-14 11:29:33 +08:00 · 2022-09-11 15:25:14 +06:30
parent b19fd5d986
commit efec1d3f07
2 changed files with 4 additions and 3 deletions
@@ -47,9 +47,7 @@ const { title } = Astro.props;
      document.querySelector("html").className = theme;
    </script>
  </head>
-  <body
-    class="font-mono bg-skin-fill text-skin-base min-h-screen flex flex-col"
-  >
+  <body>
    <slot />
  </body>
 </html>
@@ -29,6 +29,9 @@
  .theme-dark #sun-svg {
    display: block;
  }
+  body {
+    @apply font-mono bg-skin-fill text-skin-base min-h-screen flex flex-col;
+  }
  section,
  footer {
    @apply max-w-3xl mx-auto px-4;