ross/slowtwitch-news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

footer update

Browse Source
This commit is contained in:
Ross Trottier 2024-08-20 10:18:15 -06:00
parent 37b0fdb2bc
commit 05b49120d0
2 changed files with 29 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
footer.php
View File

@ -26,6 +26,7 @@
</ul>
</div>
<div class="st-footer-menu">
<h4 class="st-footer-partners__title">Menu</h4>
<?php
wp_nav_menu(
array(

74
style.css
View File

@ -21,7 +21,6 @@ body {
font-family: "Roboto", sans-serif;
line-height: 1.6;
overflow-anchor: none;
/* min-width: 320px; */
}
input, button, textarea, select {
@ -458,24 +457,28 @@ SECTIONS
color: #0b4fa0;
background: rgba(0, 0, 0, 0.2);
display: grid;
grid-template-columns: minmax(1em, 1fr) minmax(130px, 500px) minmax(130px, 500px) minmax(1em, 1fr);
grid-template-columns: minmax(1em, 1fr) minmax(75px, 1400px) minmax(1em, 1fr);
grid-template-areas:
"lpad socials partners rpad"
"lpad menu logo rpad"
"lpad copy copy rpad";
"lpad menu rpad"
"lpad socials rpad"
"lpad partners rpad"
"lpad logo rpad"
"lpad copy rpad";
grid-auto-rows: max-content;
}
.st-footer-socials {
grid-area: socials;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.st-footer-icon {
font-size: 1.5rem;
margin-top: 1.5em;
margin-top: 1em;
color: #0b4fa0;
margin-right: .5em;
}
.st-footer-icon:hover,
@ -505,6 +508,7 @@ SECTIONS
.st-footer-site-title {
grid-area: logo;
align-self: end;
margin-top: 1em;
}
.st-footer-site-title-img {
@ -513,7 +517,8 @@ SECTIONS
.st-footer-partners {
grid-area: partners;
text-align: right;
display: flex;
flex-direction: column;
}
.st-footer-partners__title {
@ -523,16 +528,23 @@ SECTIONS
.st-footer-partners__list {
list-style: none;
margin-top: .2em;
margin-left: 0;
padding-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.st-footer-partners__list-item {
font-size: .80rem;
margin-right: .5em;
}
.st-footer-partners__list-item a,
.st-footer-nav-links a {
text-decoration: none;
color: #0b4fa0;
margin-right: .5em;
}
.st-footer-partners__list-item a:hover,
@ -544,52 +556,21 @@ SECTIONS
.st-footer-menu {
grid-area: menu;
align-self: end;
align-self: start;
display: flex;
flex-direction: column;
}
.st-footer-nav-links {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
@media (min-width: 760px) {
.st-footer {
grid-template-columns: minmax(1em, 1fr) minmax(50px, 80px) repeat(2, minmax(130px, 660px)) minmax(1em, 1fr);
grid-template-areas:
"lpad socials empty partners rpad"
"lpad menu empty partners rpad"
"lpad logo logo logo rpad"
"lpad copy copy copy rpad";
align-items: end;
}
.st-footer-partners__list-item a:hover,
.st-footer-partners__list-item a:active,
.st-footer-nav-links a:hover,
.st-footer-nav-links a:active {
color: #FFDB12;
}
.st-footer-partners,
.st-footer-socials {
align-self: start;
margin-top: 3em;
}
.st-footer-partners__title {
margin: 0;
}
.st-footer-partners ul {
margin-bottom: 0;
}
.st-footer-site-title {
justify-self: center;
margin-top: 1em;
}
@media (min-width: 760px) {
.st-footer-copyright {
font-size: 1rem;
}
@ -600,7 +581,6 @@ SECTIONS
.st-footer-icon {
font-size: 2rem;
margin-top: 0;
}
.st-footer-nav-links a {