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} reference={social.ref}
copyValue={social.copyValue} 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> </Icon>
))} ))}
</div> </div>

6
src/styles/globals.scss
View file

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