valknar/palina-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: refine button shape to rounded-lg and add high-end hover effect
All checks were successful
Deploy Theme / deploy (push) Successful in 15s
Details

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-20 09:36:22 +01:00
parent 332f4197a3
commit c6f0ddfa14
1 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
assets/css/tailwind.css
View File

@@ -85,9 +85,19 @@
/* Button & Link Components */ /* Button & Link Components */
.btn-primary { .btn-primary {
@apply inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-full shadow-sm @apply inline-flex items-center px-8 py-3 border border-transparent text-base font-semibold rounded-lg shadow-md
bg-[var(--brand-primary)] text-[var(--bg-primary)] hover:bg-[var(--brand-secondary)] bg-[var(--brand-primary)] text-[var(--bg-primary)]
hover:scale-105 active:scale-95 transition-all duration-200 cursor-pointer; hover:shadow-lg hover:-translate-y-0.5 active:translate-y-0
transition-all duration-300 cursor-pointer relative overflow-hidden;
}
.btn-primary::after {
content: "";
@apply absolute inset-0 bg-white opacity-0 transition-opacity duration-300;
}
.btn-primary:hover::after {
@apply opacity-10;
} }
.fancy-link { .fancy-link {