58 lines
897 B
SCSS
58 lines
897 B
SCSS
/***** Vote *****/
|
|
/* Used in article comments, post comments and post */
|
|
.vote {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
a {
|
|
&:active,
|
|
&:hover,
|
|
&:focus {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.vote-sum {
|
|
color: $secondary-text-color;
|
|
display: block;
|
|
margin: 3px 0;
|
|
|
|
[dir="rtl"] & {
|
|
direction: ltr;
|
|
unicode-bidi: bidi-override;
|
|
}
|
|
}
|
|
|
|
.vote-up svg {
|
|
transform: scale(1, -1);
|
|
}
|
|
|
|
.vote-up:hover,
|
|
.vote-down:hover {
|
|
color: $brand_color;
|
|
}
|
|
|
|
.vote-up, .vote-down {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background-color: transparent;
|
|
border: none;
|
|
color: $secondary-text-color;
|
|
cursor: pointer;
|
|
min-height: 35px;
|
|
min-width: 35px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.vote-voted {
|
|
color: $brand_color;
|
|
}
|
|
|
|
.vote-voted:hover {
|
|
color: $hover-button-color;
|
|
}
|