stacker.news/components/upvote.module.css

58 lines
976 B
CSS

.upvote {
fill: #a5a5a5;
user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
}
.boost {
fill: var(--theme-clickToContextColor);
user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
}
.upvoteWrapper {
position: relative;
padding-right: .2rem;
padding-left: .2rem;
margin-left: -.4rem;
}
.noSelfTips {
transform: scaleX(-1);
}
.upvoteWrapper:not(.noSelfTips):hover {
cursor: pointer;
}
.upvote.voted {
fill: #F6911D;
filter: drop-shadow(0 0 6px #f6911d90);
}
.cover {
background: var(--bs-body-bg);
width: 100%;
overflow: hidden;
mix-blend-mode: color;
position: absolute;
left: 4px;
width: 17px;
}
.pending {
animation-name: pulse;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration: 0.25s;
animation-direction: alternate;
}
@keyframes pulse {
0% {
fill: #a5a5a5;
}
}