Refined footer

This commit is contained in:
John O'Nolan 2019-11-17 13:36:41 +07:00
parent 88a76fd2e6
commit e6c0f3d6ee
4 changed files with 53 additions and 4 deletions

View file

@ -212,6 +212,7 @@ html,
/* Footer
/* ---------------------------------------------------------- */
.gh-foot {
display: flex;
align-items: center;
@ -226,3 +227,47 @@ html,
.gh-foot a {
color: inherit;
}
.gh-foot-menu {
display: flex;
align-items: center;
justify-content: center;
}
.gh-foot-menu .nav {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
list-style: none;
font-size: 1.8rem;
}
.gh-foot-menu .nav li {
margin: 0 0.75vw;
padding: 0;
}
.gh-foot-menu .nav a {
display: inline-block;
padding: 3px 0;
text-decoration: none;
box-shadow: 0 -1px 0 0 currentcolor inset;
}
.gh-foot-meta {
margin: 2rem 0;
font-size: 1.5rem;
text-align: center;
opacity: 0.5;
}
@media (max-width: 700px) {
.gh-foot-menu .nav {
font-size: 1.6rem;
}
.gh-foot-menu .nav li {
margin: 0 1rem;
padding: 0;
}
}