website/styl/lib/_footer.styl

67 lines
No EOL
985 B
Stylus

footer{
display: flex;
justify-content: center;
flex-direction: column;
a {
text-decoration: none;
}
#footerContent{
width: 70%;
display: flex;
justify-content: center;
margin: 0 auto;
div{
border-right: #3d3d3d 1px solid;
padding: 20px;
flex-basis: 100%;
&:last-child {
border-right: none;
}
}
h3 {
margin-top: 0;
}
a{
color: $text-color;
transition: color $link-hover-animation-time;
&:hover{
color: $accent-color;
}
}
a svg {
fill: $text-color;
max-width: 30px;
transition: fill $link-hover-animation-time;
margin-left: 10px;
display: inline;
&:hover{
fill: $accent-color;
}
}
}
}
#blueBar{
height: 5px;
width: 100%;
background-color: $content-footer-div-color;
}
#newestPost{
ul {
list-style-type: none;
padding-left: 0;
}
li {
margin-bottom: 10px;
}
}