changed appearance of .website-nav
This commit is contained in:
parent
969c338499
commit
c512e8f8e2
2 changed files with 21 additions and 9 deletions
|
@ -20,14 +20,24 @@ nav {
|
||||||
ul {
|
ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
margin: 0;
|
||||||
li {
|
li {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
padding: 10px 0 10px 30px;
|
|
||||||
}
|
|
||||||
a {
|
a {
|
||||||
color: rgb(245, 245, 245);
|
color: rgb(245, 245, 245);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
padding: 20px 30px;
|
||||||
|
display: block;
|
||||||
|
transition: background .2s;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
background: rgb(50, 50, 75);
|
||||||
|
}
|
||||||
|
.seperator {
|
||||||
|
padding: 20px 10px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -14,7 +14,9 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<li>|</li>
|
<li>
|
||||||
|
<span class="seperator">·</span>
|
||||||
|
</li>
|
||||||
{{ range .Site.Menus.links }}
|
{{ range .Site.Menus.links }}
|
||||||
<li>
|
<li>
|
||||||
<a href="{{ .URL }}">
|
<a href="{{ .URL }}">
|
||||||
|
|
Loading…
Reference in a new issue