Merge pull request #7 from arximughal/scss-modules

add scss support

Author: arximughal

package.json

@@ -16,6 +16,7 @@
     "react-redux": "^8.0.5",
     "react-router-dom": "^6.11.1",
     "react-scripts": "5.0.1",
+    "sass": "^1.62.1",
     "typescript": "^4.9.5",
     "web-vitals": "^2.1.4"
   },

src/App.css

@@ -4,6 +4,7 @@ import { Provider } from "react-redux";
 import store from "./app/store";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
+import './theme/index.scss';
 
 // Render the app component wrapped with Provider component to pass the redux store to all components
 ReactDOM.render(

src/index.tsx

@@ -0,0 +1 @@
+$theme-link-color: #ff5733;

src/theme/colors.scss

@@ -1,3 +1,5 @@
+@import './colors.scss';
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
@@ -11,3 +13,7 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
+
+a {
+  color: $theme-link-color;
+}