kyfx
/
hugo-geekdoc
mirror of https://github.com/thegeeklab/hugo-geekdoc.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: add hover transition for icon links (#984)

This commit is contained in:
Robert Kaussow 2025-03-01 23:00:45 +01:00 committed by GitHub
parent b6d6abe239
commit 9fd43f8e4d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/sass/_base.scss
View File

@ -438,6 +438,7 @@ svg.gdoc-icon {
width: 1.85em; width: 1.85em;
height: 1.85em; height: 1.85em;
color: transparent; color: transparent;
transition: color 0.2s ease-in-out;
} }
&:focus { &:focus {
@ -531,12 +532,20 @@ svg.gdoc-icon {
position: relative; position: relative;
&:hover > .gdoc-post__codecopy { &:hover > .gdoc-post__codecopy {
opacity: 1;
visibility: visible; visibility: visible;
pointer-events: auto;
} }
} }
&__codecopy { &__codecopy {
opacity: 0;
visibility: hidden; visibility: hidden;
transition:
opacity 0.2s ease,
visibility 0.2s ease;
pointer-events: none;
position: absolute; position: absolute;
top: defaults.$padding-8; top: defaults.$padding-8;
right: defaults.$padding-8; right: defaults.$padding-8;