refactor(module)!: implement design system with CSS variables (#2298)

This commit is contained in:
Benjamin Canac
2024-10-07 14:48:02 +02:00
committed by GitHub
parent 3cf5535b2f
commit 9368c6a639
279 changed files with 6533 additions and 6994 deletions

View File

@@ -1,11 +1,11 @@
import type { ModuleOptions } from '../module'
export default (options: Required<ModuleOptions>) => ({
base: 'focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400',
base: 'focus-visible:outline-[--ui-primary]',
variants: {
active: {
true: 'text-primary-500 dark:text-primary-400',
false: ['text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200', options.theme.transitions && 'transition-colors']
true: 'text-[--ui-primary]',
false: ['text-[--ui-text-muted] hover:text-[--ui-text]', options.theme.transitions && 'transition-colors']
},
disabled: {
true: 'cursor-not-allowed opacity-75'