67 lines
985 B
Stylus
67 lines
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;
|
|
}
|
|
} |