spee.ch/client/scss/share-buttons/_share-buttons.scss
2018-10-21 23:29:04 +01:00

47 lines
920 B
SCSS

.share-buttons {
display: flex;
align-items: center;
margin: 0 -7px;
a {
display: block;
width: 30px;
height: 30px;
margin: 0 7px;
border-radius: 100%;
line-height: 30px;
text-align: center;
transition: all 0.2s ease;
&.twitter {
background:#4DC2FE;
img {
margin-top: 8px;
margin-left: 2px;
}
}
&.facebook {
background: #5487DE;
img {
margin-top: 6px;
}
}
&.tumblr {
background: #274061;
img {
margin-top: 7px;
}
}
&.reddit {
background: #FF4500;
img {
margin-top: 7px;
}
}
&:hover {
background: $brand-color;
}
}
}