1
0
Fork 0
ryanmoon.com/assets/style/components/_footer.scss

47 lines
650 B
SCSS

footer {
max-width: 42rem;
margin: 0 auto;
padding: 1.25rem 1rem;
p,
.links h4 {
display: inline-block;
color: $fs-color;
font-family: $p-font;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
padding: 0;
margin: 0;
}
.links {
float: right;
a {
margin-left: 1.5rem;
&:hover h4 {
text-decoration: underline;
}
&:first-of-type {
margin-left: 0;
}
}
}
}
@media only screen and (max-width: 600px) {
footer {
padding: 2rem;
.links {
float: unset;
a {
margin-left: 1rem;
}
}
}
}