38 lines
819 B
SCSS
38 lines
819 B
SCSS
|
.site-footer {
|
||
|
|
background: #ddd;
|
||
|
|
display: flex;
|
||
|
|
flex-flow: column;
|
||
|
|
align-items: center;
|
||
|
|
hr {display: none;}
|
||
|
|
.container {
|
||
|
|
padding: 1em;
|
||
|
|
.social-links {
|
||
|
|
font-size: 2em;
|
||
|
|
display: flex;
|
||
|
|
flex-flow: row;
|
||
|
|
justify-content: center;
|
||
|
|
width: 100%;
|
||
|
|
margin: 1em 0;
|
||
|
|
.social-link {
|
||
|
|
color: #333;
|
||
|
|
transition: color 0.4s ease-in-out;
|
||
|
|
margin-left: 0.5em;
|
||
|
|
width: 1em;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
text-decoration: none;
|
||
|
|
span {display: none;}
|
||
|
|
}
|
||
|
|
.social-link:first-child {margin-left: 0;}
|
||
|
|
.twitter:hover {color: #1da1f2}
|
||
|
|
.facebook:hover {color: #1778f2}
|
||
|
|
.linkedin:hover {color: #0e76a8}
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
text-align: center;
|
||
|
|
line-height: 1.2;
|
||
|
|
a {color: inherit; font-weight: 700; transition: color 0.4s ease-in-out}
|
||
|
|
a:hover {color: #00a3ff}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|