last preparation

ijl.config.js

@@ -1,26 +0,0 @@
-const pkg = require('./package')
-
-module.exports = {
-  apiPath: 'stubs/api',
-  webpackConfig: {
-    output: {
-      publicPath: `/static/${pkg.name}/${process.env.VERSION || pkg.version}/`
-    }
-  },
-  navigations: {
-    'enterfront.main': '/enterfront',
-    'enterfront.home': '/enterfront/home',
-    'enterfront.auth': '/enterfront/auth',
-    'enterfront.reg': '/enterfront/reg',
-    'enterfront.account': '/enterfront/account',
-    'enterfront.chat': '/enterfront/chat',
-  },
-  features: {
-    'undefined': {
-      // add your features here in the format [featureName]: { value: string }
-    },
-  },
-  config: {
-    'undefined.api': '/api',
-  }
-}

src/components/css/index.css

@@ -1 +0,0 @@
-@import url("../reg/css/index.css");

src/components/index.css

@@ -0,0 +1 @@
+@import url("reg/index.css");

src/components/reg/index.css

@@ -0,0 +1 @@
+@import url("./css/input.css");

src/index.css

@@ -1,6 +1,9 @@
-@import url("./pages/css/index.css");
-@import url("./header/css/index.css");
-@import url("./components/css/index.css");
+@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap');
+
+@import url("pages/index.css");
+@import url("outer/index.css");
+@import url("components/index.css");
 
 
 body {
@@ -12,3 +15,20 @@ body {
     -moz-osx-font-smoothing: grayscale;
 }
 
+code {
+    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}
+
+* {
+    font-size: 1.2vw;
+    font-family: "Montserrat", 'sans-serif';
+    color: black;
+}
+
+.metal-mania-regular {
+    font-family: "Metal Mania", system-ui;
+    font-weight: 400;
+    font-style: normal;
+}
+

src/outer/index.css

@@ -0,0 +1 @@
+@import url("./css/header.css");

src/pages/Home.jsx

@@ -2,7 +2,7 @@ import React from "react";
 
 const Home = () => {
   return (
-      <h1 className="TestClass">Home</h1>
+      <h1 className="">Home</h1>
   )
 }
 

src/pages/Init.jsx

@@ -2,7 +2,9 @@ import React from "react";
 
 const Init = () => {
   return (
-      <h1 className="TestInit">Init page</h1>
+      <div>
+        <h1 className="metal-mania-regular TestInit">Hello!</h1>
+      </div>
   )
 }
 

src/pages/css/index.css

@@ -1,5 +0,0 @@
-@import url("./init.css");
-
-.TestClass {
-    color: red;
-}

src/pages/css/init.css

@@ -1,3 +1,4 @@
 .TestInit {
     color: blue;
+    font-size: 40px;
 }

src/pages/index.css

@@ -0,0 +1 @@
+@import url("css/init.css");