start working on nav bars, more css

This commit is contained in:
Thefeli73 2020-01-15 14:29:59 +01:00
parent 8c6a63a364
commit 705e10b36c
6 changed files with 24 additions and 6 deletions

View File

View File

0
src/css/layout/nav.scss Normal file
View File

View File

@ -28,6 +28,9 @@
// Palette. // Palette.
$palette: ( $palette: (
accent1: #ffbd24,
accent2: #d83c17,
/*
bg: #935d8c, bg: #935d8c,
fg: rgba(255,255,255,0.65), fg: rgba(255,255,255,0.65),
fg-bold: #ffffff, fg-bold: #ffffff,
@ -79,5 +82,5 @@
black: #231F20FF, black: #231F20FF,
blackTransp: #231F203d, blackTransp: #231F203d,
white: #ffffff white: #ffffff
*/
); );

View File

@ -37,3 +37,10 @@
@import 'base/reset'; @import 'base/reset';
@import 'base/page'; @import 'base/page';
@import 'base/typography'; @import 'base/typography';
// layout.
@import 'layout/header';
@import 'layout/nav';
@import 'layout/footer';

View File

@ -46,11 +46,19 @@
</head> </head>
<body> <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.webp" type="image/webp">
<source srcset="/img/logo/logo@0.50x.png" type="image/png"> <source srcset="/img/logo/logo@0.50x.png" type="image/png">
<img src="/img/logo/logo@0.50x.png" alt="Schulze Studio logo"> <img src="/img/logo/logo@0.50x.png" alt="Schulze Studio logo">
</picture> </picture>
</header>
</body> </body>
</html> </html>