Nomchy/discord.js
1
0
Fork 0
mirror of https://github.com/discordjs/discord.js.git synced 2026-03-15 02:53:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor(website): consolidate styling for buttons (#9466)

Browse Source
This commit is contained in:
Suneet Tipirneni
2023-04-28 15:42:47 -04:00
committed by GitHub
parent 217e5d8100
commit 988f8c7546
7 changed files with 54 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/website/src/styles/Button.tsx Normal file
View File

@@ -0,0 +1,17 @@
import { cva } from 'class-variance-authority';
export const buttonVariants = cva(
'h-11 flex flex-row transform-gpu cursor-pointer select-none appearance-none place-items-center rounded px-6 text-base font-semibold leading-none text-white no-underline outline-none active:translate-y-px focus:ring focus:ring-width-2 focus:ring-white gap-2',
{
variants: {
variant: {
primary: 'bg-blurple text-white border-0',
secondary:
'bg-white text-gray-800 border-gray-400 border border-light-900 text-black transition duration-200 active:translate-y-px dark:border-dark-100 hover:border-black active:bg-light-300 dark:bg-dark-400 hover:bg-light-200 dark:text-white focus:ring focus:ring-width-2 focus:ring-blurple dark:active:bg-dark-200 dark:hover:bg-dark-300',
},
},
defaultVariants: {
variant: 'primary',
},
},
);