chore: spacing for small screans

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

View file

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

View file

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