cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: menu styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-03-02 15:00:33 -08:00
parent 209ed694fe
commit b2546cb079
No known key found for this signature in database
4 changed files with 15 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "7.2.0", "version": "7.2.1",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {

16
src/_includes/partials/nav/menu.liquid
View file

@ -1,10 +1,8 @@
<nav aria-label="Primary site navigation"> <nav
<ul class="flex--centered flex--wrap"> class="menu--primary flex--centered flex--wrap justify--center"
{% for link in nav.menu %} aria-label="Primary site navigation">
<li> {% for link in nav.menu %}
{% render "partials/nav/link.liquid", page:page, link:link.name, icon:link.icon %} {% render "partials/nav/link.liquid", page:page, link:link.name, icon:link.icon %}
</li> {% endfor %}
{% endfor %} {% render "partials/nav/theme-toggle.liquid" %}
{% render "partials/nav/theme-toggle.liquid" %}
</ul>
</nav> </nav>

4
src/_includes/partials/nav/theme-toggle.liquid
View file

@ -3,7 +3,7 @@
{% render "../../../assets/styles/components/theme-toggle.css" %} {% render "../../../assets/styles/components/theme-toggle.css" %}
{% endcapture %} {% endcapture %}
<style>{{ css }}</style> <style>{{ css }}</style>
<li class="client-side"> <span class="client-side">
<theme-toggle> <theme-toggle>
<button <button
class="theme__toggle" class="theme__toggle"
@ -16,4 +16,4 @@
</span> </span>
</button> </button>
</theme-toggle> </theme-toggle>
</li> </span>

18
src/assets/styles/index.css
View file

@ -175,23 +175,15 @@ th {
} }
/* nav */ /* nav */
nav ul { .main__title nav {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; gap: var(--sizing-sm);
} }
nav ul li { .main__title nav a,
margin-top: 0; .main__title nav span {
margin-bottom: 0; height: var(--sizing-xl);
}
nav ul li:not(:last-child) {
margin-right: calc(var(--sizing-sm) * 1.225);
}
nav svg {
margin-top: var(--sizing-sm);
} }
:is(a:hover, a:active, a:focus) svg, :is(a:hover, a:active, a:focus) svg,