hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Don't transform separator when active

Browse Source
This commit is contained in:
daudix
2024-01-28 23:40:31 +03:00
parent bd19211ac9
commit 852fdc5548
2 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
sass/_nav.scss
View File

@ -52,29 +52,32 @@
#home {
position: relative;
&::after {
background-color: var(--fg-muted-2);
content: "";
height: 110%;
position: absolute;
right: -0.2rem;
top: 0;
width: 1px;
}
a {
font-weight: 800;
color: var(--fg-muted-5);
&:hover {
color: var(--primary-color);
}
&::after {
content: "";
position: absolute;
height: 110%;
width: 1px;
background-color: var(--fg-muted-2);
top: 0;
right: -0.2rem;
}
}
#feed {
#feed a {
padding: 0.325rem 0.625rem;
svg {
vertical-align: -.125em;
vertical-align: -0.125em;
}
}
}

8
templates/includes/nav.html
View File

@ -1,8 +1,8 @@
<header id="site-nav">
<nav>
<ul>
<li>
<a id="home" href="{{ get_url(path='') }}">{{ config.title }}</a>
<li id="home">
<a href="{{ get_url(path='') }}">{{ config.title }}</a>
</li>
{% for link in config.extra.nav.links %}
<li>
@ -10,8 +10,8 @@
</li>
{% endfor %}
{% if config.extra.nav.show_feed %}
<li>
<a id="feed" href="{{ get_url(path='') }}/{{ config.feed_filename }}"><svg width="1rem" height="1rem"><path fill="currentColor" d="M1.988 1.988V3c.008.547.453.984 1 .988.004-.004.008-.004.012-.004v.028A8.977 8.977 0 0 1 11.988 13a.991.991 0 0 0 1 .984h1V13h-.004c0-.004 0-.004.004-.008C13.984 7.02 9.184 2.148 3.242 2.02A1.004 1.004 0 0 0 3 1.988v-.004zm0 4V7c.008.547.453.984 1 .988.004-.004.008-.004.012-.004V8a4.985 4.985 0 0 1 4.996 4.844 1.002 1.002 0 0 0 .988 1.145c.008-.005.012-.005.016-.005v.004h.984V13H10c0-3.793-3.047-6.898-6.82-6.992 0-.004-.004-.004-.004-.004A.892.892 0 0 0 3 5.988v-.004zm2 4a1.999 1.999 0 1 0-.002 3.998 1.999 1.999 0 0 0 .002-3.998m0 0"/></svg></a>
<li id="feed">
<a href="{{ get_url(path='') }}/{{ config.feed_filename }}"><svg width="1rem" height="1rem"><path fill="currentColor" d="M1.988 1.988V3c.008.547.453.984 1 .988.004-.004.008-.004.012-.004v.028A8.977 8.977 0 0 1 11.988 13a.991.991 0 0 0 1 .984h1V13h-.004c0-.004 0-.004.004-.008C13.984 7.02 9.184 2.148 3.242 2.02A1.004 1.004 0 0 0 3 1.988v-.004zm0 4V7c.008.547.453.984 1 .988.004-.004.008-.004.012-.004V8a4.985 4.985 0 0 1 4.996 4.844 1.002 1.002 0 0 0 .988 1.145c.008-.005.012-.005.016-.005v.004h.984V13H10c0-3.793-3.047-6.898-6.82-6.992 0-.004-.004-.004-.004-.004A.892.892 0 0 0 3 5.988v-.004zm2 4a1.999 1.999 0 1 0-.002 3.998 1.999 1.999 0 0 0 .002-3.998m0 0"/></svg></a>
</li>
{% endif %}
</ul>