Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added social media icons to the footer. Still ugly. I hate CSS!

Browse Source
This commit is contained in:
Marcus Scholz
2020-09-06 05:00:17 +02:00
parent e24330da63
commit b437fd5a2e
3 changed files with 121 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
public/main.css
View File

@@ -1289,6 +1289,31 @@ body {
z-index: 2;
background: #565656;
padding: 0 20px; }
.LP-Footer .LP-Footer__Social-Mastodon .LP-Footer__Icon {
background-image: url("icons/social/mastodon.svg"); }
.LP-Footer .LP-Footer__Social-Twitter .LP-Footer__Icon {
background-image: url("icons/social/twitter.svg"); }
.LP-Footer .LP-Footer__Social-Facebook .LP-Footer__Icon {
background-image: url("icons/social/facebook.svg"); }
.LP-Footer .LP-Footer__Social-Youtube .LP-Footer__Icon {
background-image: url("icons/social/youtube.svg"); }
.LP-Footer .LP-Footer__Social-Vimeo .LP-Footer__Icon {
background-image: url("icons/social/vimeo.svg"); }
.LP-Footer .LP-Footer__Social-Instagram .LP-Footer__Icon {
background-image: url("icons/social/instagram.svg"); }
.LP-Footer .LP-Footer__Social-Vkontakte .LP-Footer__Icon {
background-image: url("icons/social/vkontakte.svg"); }
.LP-Footer .LP-Footer__Social-Wordpress .LP-Footer__Icon {
background-image: url("icons/social/wordpress.svg"); }
.LP-Footer .LP-Footer__Icon {
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: center;
background-clip: content-box;
position: absolute;
height: 50px;
width: 50px;
filter: invert(1); }
.LP-Footer__social-explore {
display: flex;
align-items: center;