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

This commit is contained in:
Sasha Koshka 2022-09-19 18:03:55 -04:00 committed by emma
parent 4326bafd9c
commit 06d06cc6a9
Signed by: emma
GPG Key ID: 6D661C738815E7DD
4 changed files with 17 additions and 12 deletions

View File

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

View File

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

View File

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

View File

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