diff options
Diffstat (limited to 'src/components/Header')
-rw-r--r-- | src/components/Header/Header.css | 45 | ||||
-rw-r--r-- | src/components/Header/Header.js | 3 |
2 files changed, 1 insertions, 47 deletions
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") |