refactor: move @apply rules to html

innocenzi · innocenzi · commit 6b23ea79e1c7 · 2025-03-25T20:06:17.000+01:00
diff --git a/src/Web/main.entrypoint.css b/src/Web/main.entrypoint.css
@@ -68,15 +68,7 @@
 }
 
 @layer base {
-	html {
-		@apply scroll-smooth;
-	}
-
-	body {
-		@apply antialiased font-sans text-(--ui-text) bg-(--ui-bg) scheme-light dark:scheme-dark !overflow-visible !pr-0;
-	}
-	:root,
-	.light {
+	:root, .light {
 		--ui-header-height: --spacing(18);
 
 		@media (width > 40rem) {
diff --git a/src/Web/x-base.view.php b/src/Web/x-base.view.php
@@ -1,4 +1,4 @@
-<html lang="en" class="h-dvh flex flex-col">
+<html lang="en" class="h-dvh flex flex-col scroll-smooth">
 <head>
     <title :if="isset($fullTitle)">{{ $fullTitle }}</title>
     <title :elseif="isset($title)">{{ $title }} — Tempest</title>
@@ -52,7 +52,7 @@ function toggleDarkMode() {
 
     <x-slot name="head"/>
 </head>
-<body :class="trim($bodyClass ?? '')" class="relative antialiased flex flex-col grow selection:bg-(--ui-primary)/20 selection:text-(--ui-primary)">
+<body :class="trim($bodyClass ?? '')" class="relative antialiased flex flex-col grow selection:bg-(--ui-primary)/20 selection:text-(--ui-primary) font-sans text-(--ui-text) bg-(--ui-bg) scheme-light dark:scheme-dark !overflow-visible !pr-0">
 <div class="absolute pointer-events-none inset-0 bg-repeat" style="background-image: url(/noise.svg)">
     <div id="command-palette"></div>
 </div>
