start working on nav bars, more css

2020-01-15 14:29:59 +01:00 · 2020-01-15 14:29:59 +01:00 · 705e10b36c
commit 705e10b36c
parent 8c6a63a364
6 changed files with 24 additions and 6 deletions
--- a/src/css/layout/footer.scss
+++ b/src/css/layout/footer.scss
--- a/src/css/layout/header.scss
+++ b/src/css/layout/header.scss
--- a/src/css/layout/nav.scss
+++ b/src/css/layout/nav.scss
--- a/src/css/libs/_vars.scss
+++ b/src/css/libs/_vars.scss
@ -28,6 +28,9 @@

 // Palette.
 	$palette: (
+		accent1: 			#ffbd24,
+		accent2: 			#d83c17,
+	/*
 		bg:					#935d8c,
 		fg:					rgba(255,255,255,0.65),
 		fg-bold:			#ffffff,
@ -79,5 +82,5 @@
 		black: #231F20FF,
 		blackTransp: #231F203d,
 		white: #ffffff
-
+*/
 	);
--- a/src/css/main.scss
+++ b/src/css/main.scss
@ -37,3 +37,10 @@
  	@import 'base/reset';
  	@import 'base/page';
  	@import 'base/typography';
+
+
+  // layout.
+
+    @import 'layout/header';
+    @import 'layout/nav';
+    @import 'layout/footer';
--- a/src/index.html
+++ b/src/index.html
@ -46,11 +46,19 @@
 </head>
 <body>

-<picture id="logo">
+<nav>
+  <span></span>
+  <span></span>
+  <span></span>
+</nav>
+
+<header>
+  <picture id="logo">
    <source srcset="/img/logo/logo@0.50x.webp" type="image/webp">
    <source srcset="/img/logo/logo@0.50x.png" type="image/png">
    <img src="/img/logo/logo@0.50x.png" alt="Schulze Studio logo">
-</picture>
+  </picture>
+</header>

 </body>
 </html>