using node-sass directly instead of using sassc

4 files changed, 3 insertions, 68 deletions

diff --git a/src/components/Display/Display.css b/src/components/Display/Display.css
deleted file mode 100644
index c5917e3..0000000
--- a/src/components/Display/Display.css
+++ /dev/null
@@ -1,65 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap");
-/* Experimental color scheme */
-/* light theme */
-/* 
-$defBG: #FFFFFF;
-$altBG: lightgray;
-$defFG: #000000;
-$altFG: #232627;
-$defLink: brown;
-$altLink: brown;
-
-$defShadow: 0px 0px 4px #232627;
-*/
-/* Inspired by Dracula */
-.ItemsDisplay,
-.ItemsDisplay table {
-  width: 100%; }
-
-.ItemsDisplay {
-  margin: 3rem auto; }
-
-.ItemsDisplay .legend {
-  background-color: #383A59; }
-
-.ItemsDisplay th {
-  font-size: 1.2rem; }
-
-.ItemsDisplay td {
-  text-align: center;
-  border-bottom: 1px solid lightblue;
-  font-size: 1.5rem; }
-
-.ItemsDisplay .disabledBorder {
-  border-bottom: 1px solid gray; }
-
-.ItemsDisplay .warningBorder {
-  border-bottom: 1px solid red; }
-
-.ItemsDisplay .leftAlign {
-  text-align: left; }
-
-.SummaryDisplayTR td {
-  color: #FF79C6;
-  font-size: 1.7rem; }
-
-.SummaryDisplay {
-  width: 30%;
-  padding: 0.5rem 2rem; }
-
-.SummaryDisplay h1 {
-  font-size: 3rem;
-  margin: 0.5rem -1.5rem;
-  border-bottom: 1px dotted lightblue; }
-
-.SummaryDisplay table {
-  width: 100%;
-  margin: auto; }
-
-.SummaryDisplay td {
-  font-size: 1.25rem;
-  padding: 0.2rem 0; }
-
-.SummaryDisplay .grandTotal td {
-  font-size: 2rem;
-  color: #FF79C6; }
diff --git a/src/components/Display/DisplayItem.js b/src/components/Display/DisplayItem.js
index 8fe6d9a..04a7d8b 100644
--- a/src/components/Display/DisplayItem.js
+++ b/src/components/Display/DisplayItem.js
@@ -7,7 +7,7 @@
 */
 
 import React from "react";
-import "./Display.css";
+import "./Display.scss";
 
 const DisplayItem = (props) => {
   const itemNumber = props.itemNumber;
diff --git a/src/components/Display/ItemsDisplay.js b/src/components/Display/ItemsDisplay.js
index c8aeb76..0a349f2 100644
--- a/src/components/Display/ItemsDisplay.js
+++ b/src/components/Display/ItemsDisplay.js
@@ -7,7 +7,7 @@
 */
 
 import React from "react";
-import "./Display.css";
+import "./Display.scss";
 import DisplayItem from "./DisplayItem";
 import {SummaryDisplayTR} from "./SummaryDisplay";
 
diff --git a/src/components/Display/SummaryDisplay.js b/src/components/Display/SummaryDisplay.js
index 5cdcc93..a44e036 100644
--- a/src/components/Display/SummaryDisplay.js
+++ b/src/components/Display/SummaryDisplay.js
@@ -7,7 +7,7 @@
 */
 
 import React from "react";
-import "./Display.css";
+import "./Display.scss";
 
 const getBasicSummary = (items) => {
   let totalRawPrice = 0;