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

chore: spacing for small screans

Browse source
This commit is contained in:
Cory Dransfeldt 2024-02-15 13:41:16 -08:00
parent 06777d78af
commit 3699d3bdc8
No known key found for this signature in database
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

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

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

@ -185,7 +185,7 @@ nav ul li {
}
nav ul li:not(:last-child) {
margin-right: 1rem;
margin-right: .75rem;
}
nav svg {
@ -264,7 +264,7 @@ article {
}
footer nav:first-child {
gap: 0.5rem;
gap: .75rem;
margin-top: 2rem;
padding: 2rem 0 1rem;
width: 100%;
@ -286,8 +286,8 @@ footer nav:last-child {
}
footer nav:last-child span:not(.active) {
margin-left: .375rem;
margin-right: .375rem;
margin-left: .25rem;
margin-right: .25rem;
}
.highlight-text {
@ -460,6 +460,10 @@ li {
align-items: center;
}
.flex--wrap {
flex-wrap: wrap
}
/* shared styles */
.main__title,
.main__wrapper,