Files
astuto/app/javascript/stylesheets/components/LikeButton.scss
Riccardo Graziosi 8e75a85873 Refactor CSS (#116)
Refactor CSS files and structure. Also refactors some html and React components for a smarter use of CSS classes.
2022-06-08 10:20:36 +02:00

31 lines
553 B
SCSS

.likeButtonContainer {
@extend
.d-flex,
.flex-column,
.mr-3,
.mt-2;
$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;
}
.likesCountLabel {
text-align: center;
font-size: 17px;
}
}