odoo18/addons/website_mail/static/src/css/website_mail.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; }
}