mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-25 01:10:40 +01:00
refactor(module)!: implement design system with CSS variables (#2298)
This commit is contained in:
@@ -2,9 +2,9 @@ export default {
|
||||
base: 'inline-flex items-center justify-center px-1 rounded font-medium font-sans',
|
||||
variants: {
|
||||
variant: {
|
||||
solid: 'bg-gray-900 dark:bg-white text-white dark:text-gray-900',
|
||||
outline: 'bg-white dark:bg-gray-900 text-gray-900 dark:text-white ring ring-inset ring-gray-300 dark:ring-gray-700',
|
||||
subtle: 'bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-200 ring ring-inset ring-gray-300 dark:ring-gray-700'
|
||||
solid: 'bg-[--ui-bg-inverted] text-[--ui-bg]',
|
||||
outline: 'bg-[--ui-bg] text-[--ui-text-highlighted] ring ring-inset ring-[--ui-border-accented]',
|
||||
subtle: 'bg-[--ui-bg-elevated] text-[--ui-text] ring ring-inset ring-[--ui-border-accented]'
|
||||
},
|
||||
size: {
|
||||
sm: 'h-4 min-w-[16px] text-[10px]',
|
||||
|
||||
Reference in New Issue
Block a user