From 10f7749d52df9a70e15a33cd76ba441f4b81a1a5 Mon Sep 17 00:00:00 2001 From: MikunoNaka Date: Sat, 27 Mar 2021 19:37:21 +0530 Subject: rendered a simple non-functional menu/navbar --- src/components/Header/Header.scss | 42 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) create mode 100644 src/components/Header/Header.scss (limited to 'src/components/Header/Header.scss') diff --git a/src/components/Header/Header.scss b/src/components/Header/Header.scss new file mode 100644 index 0000000..28a0489 --- /dev/null +++ b/src/components/Header/Header.scss @@ -0,0 +1,42 @@ +@import "../../styles/_themes.sass"; + +.header { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-items: center; + justify-content: space-between; + position: absolute; + top: 0px; left: 0px; + margin: none; + padding: none; + width: 100%; + height: 5rem; + background-color: $altBG; + + box-shadow: $defShadow; +} + +.header div { + margin: auto 1rem; +} + +nav a { + text-decoration: none; + padding: 0.3rem; + color: $defLink; +} + +.placeholder { + width: 5rem; + height: 3rem; +} + +.inlineBlock { + display: inline-block; +} + + +p, h1, h2, h3, h4, h5, h6 { + color: $defFG; +} -- cgit v1.2.3