Spaces:
Running
Running
File size: 1,656 Bytes
2e2cacf |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 |
/*adapted from: https://www.remysheppard.com/blog/hugo-share-buttons/*/
.social-share {
display: flex;
flex-direction: row;
justify-content: space-evenly;
flex-wrap: wrap;
}
.social-share a {
border-radius: 25px;
padding: 0.25rem 0.5rem;
background: white;
border: 1px solid transparent;
transition: background ease 0.3s, color ease 0.3s;
margin-bottom: 1em;
text-decoration: none;
}
.social-share a:before {
display: none;
}
.social-share a.facebook {
border-color: #4267B2;
color: #4267B2;
}
.social-share a.facebook:hover {
background: #4267B2;
color: white;
}
.social-share a.twitter {
border-color: #1DA1F2;
color: #1DA1F2;
}
.social-share a.twitter:hover {
background: #1DA1F2;
color: white;
}
.social-share a.reddit {
border-color: #FF4500;
color: #FF4500;
}
.social-share a.reddit:hover {
background: #FF4500;
color: white;
}
.social-share a.stumbleupon {
border-color: #EB471D;
color: #EB471D;
}
.social-share a.stumbleupon:hover {
background: #EB471D;
color: white;
}
.social-share a.tumblr {
border-color: #35465C;
color: #35465C;
}
.social-share a.tumblr:hover {
background: #35465C;
color: white;
}
.social-share a.linkedin {
border-color: #2867B2;
color: #2867B2;
}
.social-share a.linkedin:hover {
background: #2867B2;
color: white;
}
.social-share a.email {
border-color: #00A4EF;
color: #00A4EF;
}
.social-share a.email:hover {
background: #00A4EF;
color: white;
}
.social-share a.mastodon {
border-color: #6364FF;
color: #6364FF;
}
.social-share a.mastodon:hover {
background: #6364FF;
color: white;
}
|