diff options
author | tdro <tdro@noreply.example.com> | 2022-09-04 11:13:55 -0400 |
---|---|---|
committer | tdro <tdro@noreply.example.com> | 2022-09-04 11:13:55 -0400 |
commit | 24d40c1573ffefc83f82658c9523c66d7940e2a6 (patch) | |
tree | c13a594682450152ad81390b58d2944b5439861f /assets | |
parent | 62144bb9817cdb0a7a388c16efb38c4cb473bee8 (diff) | |
download | canory-24d40c1573ffefc83f82658c9523c66d7940e2a6.tar.gz canory-24d40c1573ffefc83f82658c9523c66d7940e2a6.tar.bz2 canory-24d40c1573ffefc83f82658c9523c66d7940e2a6.zip |
themes/default/layouts/shortcodes: Add reaction short-code
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/default.css | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 9c19d03..958aa7c 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -1743,6 +1743,37 @@ twitter-tweet iframe { border: none; } +reaction-hover { + text-decoration: underline; + text-decoration-style: wavy; + cursor: pointer; + position: relative; + display: inline-block; +} + +reaction-hover:hover { + text-decoration-thickness: 0.15rem; +} + +reaction-hover:hover img { + visibility: visible; + opacity: 1; +} + +reaction-hover img { + position: absolute; + z-index: 99; + visibility: hidden; + opacity: 0; + height: 80px; + width: 80px; + object-fit: cover; + bottom: 100%; + left: 50%; + transform: translateX(-50%); + max-width: fit-content; +} + /* ----- Attributes ----- */ [tabindex="-1"]:focus { |