Removed hardcoded '|'s in HTML and replaced them with css ::after

This commit is contained in:
Emma Tebibyte 2022-09-19 23:35:07 +00:00
parent f5fcfcfea6
commit 68d17e37a3
4 changed files with 17 additions and 12 deletions

View File

@ -17,19 +17,19 @@
<nav>
<ul>
<li class="home">
<a href="/">Home</a> |
<a href="/">Home</a>
</li>
<li class="network">
<a href="/network">Network</a> |
<a href="/network">Network</a>
</li>
<li class="blog">
<a href="/blog">Weblog</a> |
<a href="/blog">Weblog</a>
</li>
<li class="git">
<a href="https://git.tebibyte.media/">Git</a> |
<a href="https://git.tebibyte.media/">Git</a>
</li>
<li class="about">

View File

@ -91,6 +91,11 @@ nav ul li {
margin: 0;
}
nav ul li:not(:last-child)::after {
content: "|";
color: #4a3333;
}
nav ul li a {
text-decoration: underline;
}

View File

@ -17,19 +17,19 @@
<nav>
<ul>
<li class="home">
<a href="/">Home</a> |
<a href="/">Home</a>
</li>
<li class="network">
<a href="/network">Network</a> |
<a href="/network">Network</a>
</li>
<li class="blog">
<a href="/blog">Weblog</a> |
<a href="/blog">Weblog</a>
</li>
<li class="git">
<a href="https://git.tebibyte.media/">Git</a> |
<a href="https://git.tebibyte.media/">Git</a>
</li>
<li class="about">

View File

@ -17,19 +17,19 @@
<nav>
<ul>
<li class="home">
<a href="/">Home</a> |
<a href="/">Home</a>
</li>
<li class="network">
<a href="/network">Network</a> |
<a href="/network">Network</a>
</li>
<li class="blog">
<a href="/blog">Weblog</a> |
<a href="/blog">Weblog</a>
</li>
<li class="git">
<a href="https://git.tebibyte.media/">Git</a> |
<a href="https://git.tebibyte.media/">Git</a>
</li>
<li class="about">