diff options
| author | stephanchrst <stephanchrst@gmail.com> | 2022-05-10 21:51:50 +0700 |
|---|---|---|
| committer | stephanchrst <stephanchrst@gmail.com> | 2022-05-10 21:51:50 +0700 |
| commit | 3751379f1e9a4c215fb6eb898b4ccc67659b9ace (patch) | |
| tree | a44932296ef4a9b71d5f010906253d8c53727726 /addons/website_mail/static/src/css | |
| parent | 0a15094050bfde69a06d6eff798e9a8ddf2b8c21 (diff) | |
initial commit 2
Diffstat (limited to 'addons/website_mail/static/src/css')
| -rw-r--r-- | addons/website_mail/static/src/css/website_mail.scss | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/addons/website_mail/static/src/css/website_mail.scss b/addons/website_mail/static/src/css/website_mail.scss new file mode 100644 index 00000000..def6d8d3 --- /dev/null +++ b/addons/website_mail/static/src/css/website_mail.scss @@ -0,0 +1,45 @@ +.js_follow[data-follow='on'] .js_follow_btn , +.js_follow[data-follow='off'] .js_unfollow_btn { + display: none; +} + +.js_follow_icons_container { + .js_follow_btn, .js_unfollow_btn { + animation: js_follow_fade 1s ease forwards; + opacity: 0; + + small { + opacity: 0; + transition: opacity 0.3s ease; + } + + @include hover-focus () { + small { + transition-duration: 1s; + opacity: 1; + } + }; + } + + .fa:before { + content: "\f0f3"; + color: $text-muted; + } + + .js_follow_btn:hover .fa:before { + color: $body-color; + } + + .js_unfollow_btn .fa:before { + color: theme-color('primary'); + } + + .js_unfollow_btn:hover .fa:before { + content: "\f1f6"; + color: theme-color('danger'); + } +} + +@keyframes js_follow_fade { + to { opacity: 1; } +} |
