Misterzym
/
vue-share-buttons
mirror of https://github.com/misterzym/vue-share-buttons
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
17 Commits
5 Branches
0 Tags
490 KiB
Tree: ce1b122859
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'ce1b122859'
${ noResults }
vue-share-buttons/src/style/tumblrButton.css

66 lines
1.6 KiB
Raw Normal View History Unescape

Added new share button: OK, Pinterst, Pocket, Reddit, Tumbler, Xing
6 years ago
/* Tumblr */
.share-button--tumblr {
background-color: hsla(215, 27%, 29%, 1);
}
.share-button--tumblr:focus {
box-shadow: 0 0 0 3px hsla(215, 21%, 54%, 0.4);
}
.share-button--tumblr:hover {
background-color: hsla(215, 27%, 29%, 0.9);
}
.share-button--tumblr .share-button__icon path {
fill: #fff;
}
.share-button--tumblr.share-button--outline {
background-color: transparent;
border-color: hsla(215, 27%, 29%, 1);
}
.share-button--tumblr.share-button--outline:hover {
background-color: transparent;
border-color: hsla(215, 27%, 29%, 0.9);
}
.share-button--tumblr.share-button--outline .share-button__text {
color: hsla(215, 27%, 29%, 1);
}
.share-button--tumblr.share-button--outline:hover .share-button__text {
color: hsla(215, 27%, 29%, 0.9);
}
.share-button--tumblr.share-button--outline .share-button__icon path {
fill: hsla(215, 27%, 29%, 1);
}
.share-button--tumblr.share-button--outline:hover .share-button__icon path {
fill: hsla(215, 27%, 29%, 0.9);
}
Added new share buttons and added a counter for some buttons
6 years ago
.share-button--tumblr.share-button--outline .share-button__counter {
color: hsla(215, 27%, 29%, 0.9);
border-color: hsla(215, 27%, 29%, 0.9);
}
.share-button--tumblr.share-button--painted {
background-color: transparent;
border-color: hsla(214, 4%, 19%, 1);
}
.share-button--tumblr.share-button--painted::before {
background-color: hsla(215, 27%, 29%, 1);
}
.share-button--tumblr.share-button--painted .share-button__counter {
color: #fff;
border-color: hsla(214, 4%, 19%, 1);
}
.share-button--tumblr.share-button--painted .share-button__counter::before {
background-color: hsla(215, 27%, 29%, 1);
}