Files
astuto/app/javascript/stylesheets/components/LikeButton.scss

30 lines
542 B
SCSS
Raw Normal View History

2019-09-27 18:19:13 +02:00
.likeButtonContainer {
@extend
.d-flex,
.flex-column,
.mr-3;
2019-09-27 18:19:13 +02:00
$like_button_size: 11px;
.likeButton {
@extend .mb-2;
border-left: $like_button_size solid transparent;
border-right: $like_button_size solid transparent;
border-bottom: $like_button_size solid rgba(35,35,35,.2);
&:hover {
border-bottom-color: $primary-color;
2019-09-27 18:19:13 +02:00
cursor: pointer;
}
}
.likeButton.liked {
border-bottom-color: $primary-color;
2019-09-27 18:19:13 +02:00
}
.likesCountLabel {
text-align: center;
font-size: 17px;
}
}