Suyu/website
1
0
Fork 0
mirror of https://git.suyu.dev/suyu/website.git synced 2025-12-24 08:14:38 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: add button hover styles

Browse source
This commit is contained in:
fero 2024-03-11 08:29:52 -07:00
parent 306e97ff47
commit b971194de5
1 changed files with 20 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/app.pcss
View file

@ -29,19 +29,36 @@ h3 {
font-family: "Roc Grotesk", sans-serif;
}
::selection {
background: #eee;
color: #000;
}
.cta-button {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06)),
radial-gradient(109.26% 109.26% at 49.83% 13.37%, #ffffff 0%, #babaca 100%);
color: black;
@apply flex w-fit shrink-0 select-none flex-row items-center justify-center gap-4 rounded-xl py-3 pl-7 pr-5 font-bold;
@apply flex w-fit shrink-0 select-none flex-row items-center justify-center gap-4 rounded-xl py-3 pl-7 pr-5 font-bold transition;
}
.button {
border: 2px solid #46424d;
@apply flex w-fit shrink-0 select-none flex-row items-center justify-center gap-4 rounded-xl py-3 pl-7 pr-5 font-bold;
@apply flex w-fit shrink-0 select-none flex-row items-center justify-center gap-4 rounded-xl py-3 pl-7 pr-5 font-bold transition;
}
.button:hover {
border: 2px solid transparent;
background: #c3c3cd;
color: black;
}
.button-sm {
border: 2px solid #46424d;
@apply flex w-fit shrink-0 select-none flex-row items-center justify-center gap-4 rounded-xl px-4 py-2 text-sm font-bold;
@apply flex w-fit shrink-0 select-none flex-row items-center justify-center gap-4 rounded-xl px-4 py-2 text-sm font-bold transition;
}
.button-sm:hover {
border: 2px solid transparent;
background: #c3c3cd;
color: black;
}