Změna struktury hlavní navigace

Byl přidán vlastní icon set pro navigaci.
This commit is contained in:
Emil Miler
2021-02-03 23:01:43 +01:00
parent c25189301a
commit 78b1044297
10 changed files with 69 additions and 13 deletions

View File

@ -1,4 +1,4 @@
@font-face {
font-family:sofia;
src:url(sofia.otf);
src:url(fonts/sofia.otf);
}

View File

@ -5,9 +5,15 @@ nav {
background:$nav-background-primary;
color:$nav-h1-color;
h1 a {
color:$nav-h1-color;
margin:$nav-h1-margin;
h1 {
margin: 0;
a {
display: block;
padding: $nav-h1-padding;
color: $nav-h1-color;
font-size: $nav-h1-font-size;
}
}
ul {
@ -21,7 +27,7 @@ nav {
li {
a {
padding:1em;
padding: $nav-item-padding;
display:block;
text-decoration:none;
@ -44,11 +50,10 @@ nav {
.mainnav {
display:flex;
justify-content:space-between;
align-items:flex-end;
align-items:center;
width:100%;
max-width:$recipe-wrap;
margin:0 auto;
padding:0 1em;
box-sizing:border-box;
}

View File

@ -29,8 +29,10 @@ $nav-color:#fff;
$nav-background-primary:#333;
$nav-background-secondary:#555;
$nav-anchor-hover-color:$anchor-hover-color;
$nav-h1-margin:1em 0;
$nav-h1-color:$primary;
$nav-h1-padding: .8em;
$nav-h1-color: $primary;
$nav-h1-font-size: 1.5rem;
$nav-item-padding: 1em;
// recipe
$recipe-background:#fff;