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

30 lines
541 B
SCSS

.likeButtonContainer {
@extend
.d-flex,
.flex-column,
.mr-3;
$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;
cursor: pointer;
}
}
.likeButton.liked {
border-bottom-color: $primary-color;
}
.likeCountLabel {
text-align: center;
font-size: 17px;
}
}