ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-10 10:15:31 +02:00
Code Issues Projects Releases Packages Wiki Activity

Worked on the new rebranding!

Browse source 
Co-authored-by: taroj1205 <taroj1205@users.noreply.github.com>
This commit is contained in:
mr. M 2024-11-24 23:52:26 +01:00
parent 38712913e7
commit f45c7b10e4
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
12 changed files with 1822 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/Button.astro
View file

@ -2,14 +2,11 @@
const { class: className, isPrimary, isBordered } = Astro.props;
---
<button class:list={['px-4 py-2 flex gap-2 items-center justify-center rounded-full transition-transform duration-200', className, isPrimary ? 'bg-button-primary text-paper hover:!transform hover:!scale-105' : !isBordered ? 'hover:bg-dark/10' : 'border-2 border-dark hover:bg-dark hover:shadow-sm hover:text-paper !transition-bg']} >
<button class:list={['px-6 py-2 flex gap-2 items-center justify-center rounded-full transition-transform duration-200', className, isPrimary ? 'bg-dark text-paper' : !isBordered ? 'hover:bg-dark border-2 border-dark hover:text-paper' : 'border-2 border-dark hover:bg-dark hover:shadow-sm hover:text-paper !transition-bg']} >
<slot />
</button>
<style>
button {
font-family: "Bricolage Grotesque", sans-serif !important;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings: "wdth" 100;
font-size: .9rem;
}
</style>