Removed hardcoded '|'s in HTML and replaced them with css ::after
This commit is contained in:
parent
1361d2fd15
commit
e67ebad35f
|
@ -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">
|
||||||
|
|
|
@ -97,6 +97,11 @@ nav ul li {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
nav ul li:not(:last-child)::after {
|
||||||
|
content: "|";
|
||||||
|
color: #4a3333;
|
||||||
|
}
|
||||||
|
|
||||||
nav ul li a {
|
nav ul li a {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue