scss

cecoeco · Nov 11, 2024 · 3a6eb53 · 3a6eb53
1 parent db28195
commit 3a6eb53
Show file tree

Hide file tree

Showing 20 changed files with 468 additions and 10 deletions.
diff --git a/app/package-lock.json b/app/package-lock.json
diff --git a/app/package.json b/app/package.json
@@ -15,6 +15,7 @@
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
     "@vitejs/plugin-react": "4.3.1",
+    "sass": "^1.77.8",
     "typescript": "5.5.3",
     "vite": "5.4.6",
     "vite-plugin-svgr": "4.2.0"

diff --git a/app/src/frontend/assets/css/index.css b/app/src/frontend/assets/css/index.css
diff --git a/app/src/frontend/assets/css/app.css → app/src/frontend/assets/scss/app.scss b/app/src/frontend/assets/css/app.css → app/src/frontend/assets/scss/app.scss
diff --git a/app/src/frontend/assets/css/checklist.css → app/src/frontend/assets/scss/checklist.scss b/app/src/frontend/assets/css/checklist.css → app/src/frontend/assets/scss/checklist.scss
diff --git a/app/src/frontend/assets/css/flow_diagram.css → ...rc/frontend/assets/scss/flow_diagram.scss b/app/src/frontend/assets/css/flow_diagram.css → ...rc/frontend/assets/scss/flow_diagram.scss
diff --git a/app/src/frontend/assets/css/fonts.css → app/src/frontend/assets/scss/fonts.scss b/app/src/frontend/assets/css/fonts.css → app/src/frontend/assets/scss/fonts.scss
diff --git a/app/src/frontend/assets/css/footer.css → app/src/frontend/assets/scss/footer.scss b/app/src/frontend/assets/css/footer.css → app/src/frontend/assets/scss/footer.scss
diff --git a/app/src/frontend/assets/css/header.css → app/src/frontend/assets/scss/header.scss b/app/src/frontend/assets/css/header.css → app/src/frontend/assets/scss/header.scss
diff --git a/app/src/frontend/assets/css/home.css → app/src/frontend/assets/scss/home.scss b/app/src/frontend/assets/css/home.css → app/src/frontend/assets/scss/home.scss
diff --git a/app/src/frontend/assets/scss/index.scss b/app/src/frontend/assets/scss/index.scss
@@ -0,0 +1,3 @@
+@import "themes.scss";
+@import "fonts.scss";
+@import "app.scss";
diff --git a/app/src/frontend/assets/css/notfound.css → app/src/frontend/assets/scss/notfound.scss b/app/src/frontend/assets/css/notfound.css → app/src/frontend/assets/scss/notfound.scss
diff --git a/app/src/frontend/assets/css/themes.css → app/src/frontend/assets/scss/themes.scss b/app/src/frontend/assets/css/themes.css → app/src/frontend/assets/scss/themes.scss
diff --git a/app/src/frontend/components/footer.tsx b/app/src/frontend/components/footer.tsx
@@ -1,4 +1,4 @@
-import "../assets/css/footer.css";
+import "../assets/scss/footer.scss";
 
 const Footer: React.FC = () => {
   return (

diff --git a/app/src/frontend/components/header.tsx b/app/src/frontend/components/header.tsx
@@ -1,6 +1,6 @@
 import { useState, useEffect } from "react";
 import { NavLink } from "react-router-dom";
-import "../assets/css/header.css";
+import "../assets/scss/header.scss";
 
 import Logo from "../assets/svgs/logo.svg?react";
 import GitHub from "../assets/svgs/github.svg?react";

diff --git a/app/src/frontend/index.tsx b/app/src/frontend/index.tsx
@@ -1,6 +1,6 @@
 import ReactDOM from "react-dom/client";
 import App from "./app.tsx";
-import "./assets/css/index.css";
+import "./assets/scss/index.scss";
 
 const container = document.getElementById("root") as HTMLElement;
 if (!container) throw new Error("Root container missing in index.html");

diff --git a/app/src/frontend/pages/checklist.tsx b/app/src/frontend/pages/checklist.tsx
@@ -1,6 +1,6 @@
 import React, { ChangeEvent, DragEvent, useRef, useState } from "react";
 
-import "../assets/css/checklist.css";
+import "../assets/scss/checklist.scss";
 
 import Cloud from "../assets/svgs/cloud.svg?react";
 import CircleX from "../assets/svgs/circle-x.svg?react";

diff --git a/app/src/frontend/pages/flow_diagram.tsx b/app/src/frontend/pages/flow_diagram.tsx
@@ -1,6 +1,6 @@
 import { useState, useEffect } from "react";
 
-import "../assets/css/flow_diagram.css";
+import "../assets/scss/flow_diagram.scss";
 
 import Download from "../assets/svgs/download.svg?react";
 import Reset from "../assets/svgs/reset.svg?react";

diff --git a/app/src/frontend/pages/home.tsx b/app/src/frontend/pages/home.tsx
@@ -1,4 +1,4 @@
-import "../assets/css/home.css";
+import "../assets/scss/home.scss";
 
 const Home: React.FC = () => {
   async function downloadChecklistTemplate() {

diff --git a/app/src/frontend/pages/notfound.tsx b/app/src/frontend/pages/notfound.tsx
@@ -1,4 +1,4 @@
-import "../assets/css/notfound.css";
+import "../assets/scss/notfound.scss";
 
 const NotFound: React.FC = () => {
   return (