spee.ch/client/scss/share-buttons/_share-buttons.scss

39 lines
718 B
SCSS
Raw Normal View History

2018-10-11 22:51:33 +02:00
.share-buttons {
display: flex;
align-items: center;
2018-10-21 22:35:45 +02:00
margin: 0 -7px;
2018-10-11 22:51:33 +02:00
a {
display: block;
width: 30px;
height: 30px;
2018-10-11 22:51:33 +02:00
margin: 0 7px;
border-radius: 100%;
line-height: 30px;
text-align: center;
&.twitter {
background:#4DC2FE
}
&.facebook {
background: #5487DE;
img {
margin-top: 6px;
}
}
&.tumblr {
background: #274061;
img {
margin-top: 7px;
}
}
&.reddit {
background: #FF4500;
img {
margin-top: 7px;
}
}
2018-10-11 22:51:33 +02:00
}
}