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

chore: trim styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-01-01 14:38:10 -08:00
parent bd1f7b48c8
commit 0fbaf67f36
No known key found for this signature in database
2 changed files with 19 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/_includes/partials/footer.liquid
View file

@ -4,7 +4,7 @@
{% render "partials/nav/linked-icon.liquid", name: link.name, link: link.url, icon: link.icon %} {% render "partials/nav/linked-icon.liquid", name: link.name, link: link.url, icon: link.icon %}
{% endfor %} {% endfor %}
</nav> </nav>
<nav class="links__secondary flex--centered"> <nav class="links__secondary flex--centered text-center">
{% for link in nav.footer %} {% for link in nav.footer %}
{% 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 %}
{% if not forloop.last %}<span>•</span>{% endif %} {% if not forloop.last %}<span>•</span>{% endif %}

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

@ -139,7 +139,13 @@ a {
a:hover, a:hover,
a:focus, a:focus,
a:active { a:active,
.main__title h1 a:hover,
.main__title h1 a:focus,
.main__title h1 a:active,
footer .links__secondary a:hover,
footer .links__secondary a:focus,
footer .links__secondary a:active {
color: var(--blue-800); color: var(--blue-800);
} }
@ -166,7 +172,8 @@ em {
font-style: italic; font-style: italic;
} }
button { button,
.pill--button {
appearance: none; appearance: none;
border: none; border: none;
} }
@ -233,21 +240,6 @@ main {
line-height: var(--line-height-2xl); line-height: var(--line-height-2xl);
} }
.main__title h1 a:hover,
.main__title h1 a:focus,
.main__title h1 a:active,
.now__topper h2 a:hover,
.now__topper h2 a:focus,
.now__topper h2 a:active,
article a h2:hover,
article a h2:focus,
article a h2:active,
footer .links__secondary a:hover,
footer .links__secondary a:focus,
footer .links__secondary a:active {
color: var(--blue-800);
}
.now__topper, .now__topper,
article { article {
border-bottom: 1px solid var(--gray-200); border-bottom: 1px solid var(--gray-200);
@ -363,10 +355,12 @@ nav ul li:last-child {
.pagination button { .pagination button {
background: none; background: none;
cursor: pointer; padding-left: 0;
padding-right: 0;
} }
.pagination button > svg { .pagination button > svg {
cursor: pointer;
stroke: var(--blue-600); stroke: var(--blue-600);
transition-property: stroke; transition-property: stroke;
} }
@ -384,16 +378,13 @@ nav ul li:last-child {
} }
.pagination .previous { .pagination .previous {
padding-right: 1rem; padding: .5rem 1rem .5rem 0;
padding-top: .5rem;
padding-bottom: .5rem;
} }
footer .social__main { footer .social__main {
gap: 0.5rem; gap: 0.5rem;
margin-top: 2rem; margin-top: 2rem;
padding-top: 2rem; padding: 2rem 0 1rem;
padding-bottom: 1rem;
width: 100%; width: 100%;
} }
@ -409,7 +400,6 @@ footer .social__main a {
footer .links__secondary { footer .links__secondary {
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
line-height: var(--line-height-sm); line-height: var(--line-height-sm);
text-align: center;
padding-bottom: 2rem; padding-bottom: 2rem;
} }
@ -442,15 +432,9 @@ code {
font-size: var(--font-size-base); font-size: var(--font-size-base);
line-height: var(--line-height-base); line-height: var(--line-height-base);
border-radius: var(--rounded-full); border-radius: var(--rounded-full);
padding-top: .5rem; padding: .5rem 1rem;
padding-bottom: .5rem; margin: 0 .25rem .75rem 0;
padding-left: 1rem;
padding-right: 1rem;
margin-right: .25rem;
margin-bottom: .75rem;
cursor: pointer; cursor: pointer;
appearance: none;
border: none;
text-decoration: none; text-decoration: none;
background-color: var(--blue-600); background-color: var(--blue-600);
transition-property: background-color; transition-property: background-color;
@ -741,8 +725,7 @@ article .now__section--header {
.media__grid .item__meta-text { .media__grid .item__meta-text {
position: absolute; position: absolute;
padding-left: .375rem; padding: 0 .375rem;
padding-right: .375rem;
width: 90%; width: 90%;
bottom: .375rem; bottom: .375rem;
} }
@ -869,8 +852,7 @@ article .now__section--header {
.author__wrapper { .author__wrapper {
margin-top: 3rem; margin-top: 3rem;
padding-top: 3rem; padding: 3rem 0 1rem;
padding-bottom: 1rem;
border-top: 1px solid var(--gray-200); border-top: 1px solid var(--gray-200);
} }
@ -1188,12 +1170,6 @@ footer .links__secondary {
.main__title h1 a:hover, .main__title h1 a:hover,
.main__title h1 a:focus, .main__title h1 a:focus,
.main__title h1 a:active, .main__title h1 a:active,
.now__topper h2 a:hover,
.now__topper h2 a:focus,
.now__topper h2 a:active,
article a h2:hover,
article a h2:focus,
article a h2:active,
footer .links__secondary a:hover, footer .links__secondary a:hover,
footer .links__secondary a:focus, footer .links__secondary a:focus,
footer .links__secondary a:active { footer .links__secondary a:active {