From 4b975629983d8742e3129f7b3f13d246ad903d40 Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Sat, 1 May 2021 10:00:01 +0530
Subject: using node-sass directly instead of using sassc

---
 src/components/Header/Header.css | 45 ----------------------------------------
 src/components/Header/Header.js  |  3 +--
 2 files changed, 1 insertion(+), 47 deletions(-)
 delete mode 100644 src/components/Header/Header.css

(limited to 'src/components/Header')

diff --git a/src/components/Header/Header.css b/src/components/Header/Header.css
deleted file mode 100644
index 5dc483d..0000000
--- a/src/components/Header/Header.css
+++ /dev/null
@@ -1,45 +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 */
-.header {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-items: center;
-  justify-content: space-between;
-  position: static;
-  margin: 0 0 1.5rem 0;
-  padding: none;
-  width: 100%;
-  height: 5rem;
-  background-color: #383A59;
-  box-shadow: 0px 4px 4px #383A59; }
-
-.header div {
-  margin: auto 1rem; }
-
-nav a {
-  text-decoration: none;
-  padding: 0.3rem;
-  color: #F2F2F2; }
-
-.placeholder {
-  width: 5rem;
-  height: 3rem; }
-
-.inlineBlock {
-  display: inline-block; }
-
-p, h1, h2, h3, h4, h5, h6 {
-  color: #F2F2F2; }
diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js
index ad8d59a..14edb76 100644
--- a/src/components/Header/Header.js
+++ b/src/components/Header/Header.js
@@ -7,8 +7,7 @@
 */
 
 import React from "react";
-import "./Header.css";
-// import React, { useState } from "react";
+import "./Header.scss";
 
 const Header = () => {
 	// const [activeLink, updateActiveLink] = useState("home")
-- 
cgit v1.2.3