albert/albert.lol
1
0
Fork 0
mirror of https://github.com/skidoodle/albert.lol.git synced 2025-02-15 06:09:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

.add hover effect

Browse source
This commit is contained in:
skidoodle 2023-04-17 02:20:13 +02:00
parent e632eb4a1b
commit 898f9f03b8
2 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/SocialLayout.tsx
View file

@ -11,7 +11,10 @@ export const SocialLayout = () => {
reference={social.ref}
copyValue={social.copyValue}
>
{React.createElement(social.icon)}
{React.createElement(social.icon, {
className:
'fill-current focus:outline-none transition duration-300 ease-in-out hover:text-[#ad87ed]',
})}
</Icon>
))}
</div>

6
src/styles/globals.scss
View file

@ -5,13 +5,13 @@
@layer base {
html {
scrollbar-width: thin;
scrollbar-color: #8a58e0 transparent;
scrollbar-color: #8040ee transparent;
}
}
@layer components {
::selection {
background-color: #8039e2;
background-color: #8040ee;
color: #fff;
}
@ -20,7 +20,7 @@
}
::-webkit-scrollbar-thumb {
background-color: #8a58e0;
background-color: #8040ee;
border-radius: 10px;
}
}