Added CSS import support for TSX

Author: Mqxx

build/esbuild.ts

@@ -45,13 +45,8 @@ const buildConfig : esbuild.BuildOptions = {
   outbase: './src/client',
   entryPoints: [
     './src/client/**/index.html',
-    './src/client/index.tsx',
-    './src/client/index.css'
+    './src/client/index.tsx'
   ],
-  supported: {
-    'import-attributes': true,
-    'nesting': true
-  },
   plugins: [
     esbuildPluginTransformScriptTags(),
     esbuildPluginDeno({

src/client/index.css

@@ -18,10 +18,13 @@ body {
 .page {
   display: grid;
   gap: 100px;
+  justify-content: center;
 
   .title,
   .link {
     text-align: center;
+    border-radius: 10px;
+    padding: 0 15px 5px;
   }
 
   .link {
@@ -30,5 +33,6 @@ body {
 
   .logo {
     width: 200px;
+    margin: auto;
   }
 }

src/client/index.tsx

@@ -2,6 +2,7 @@ import { render } from '@solid-js/web';
 import { HashRouter, Route } from '@solid-js/router'
 import { Home } from './pages/home/index.tsx';
 import { NotFound } from './pages/404/index.tsx';
+import './index.css'
 
 
 render(

src/client/pages/404/index.css

@@ -0,0 +1,3 @@
+.not-found .title {
+  background-color: #dd4747;
+}

src/client/pages/404/index.tsx

@@ -1,4 +1,6 @@
 import type {JSXElement} from '@solid-js'
+import './index.css'
+
 
 export function NotFound() : JSXElement {
   return (

src/client/pages/home/index.css

@@ -0,0 +1,3 @@
+.home .title {
+  background-color: #3a813a;
+}

src/client/pages/home/index.tsx

@@ -1,4 +1,6 @@
 import type {JSXElement} from '@solid-js'
+import './index.css'
+
 
 export function Home() : JSXElement {
   return (