49 lines
972 B
SCSS
49 lines
972 B
SCSS
.js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='on'] .follow_btn,
|
|
.js_follow[data-follow='off'] .js_unfollow_btn {
|
|
display: none;
|
|
}
|
|
|
|
.js_follow[data-follow='on'] .js_unfollow_btn {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.js_follow_icons_container {
|
|
.js_follow_btn, .js_unfollow_btn, .follow_btn {
|
|
animation: js_follow_fade 1s ease forwards;
|
|
opacity: 0;
|
|
|
|
small {
|
|
opacity: 0;
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
|
|
&:hover, &:focus {
|
|
small {
|
|
transition-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
.fa:before {
|
|
content: "\f0f3";
|
|
}
|
|
|
|
.js_follow_btn:hover .fa:before {
|
|
color: $body-color;
|
|
}
|
|
|
|
.js_unfollow_btn .fa:before {
|
|
color: $primary;
|
|
}
|
|
|
|
.js_unfollow_btn:hover .fa:before {
|
|
content: "\f1f6";
|
|
color: $danger;
|
|
}
|
|
}
|
|
|
|
@keyframes js_follow_fade {
|
|
to { opacity: 1; }
|
|
}
|