mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-26 01:40:34 +01:00
refactor(module)!: implement design system with CSS variables (#2298)
This commit is contained in:
@@ -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'
|
||||
|
||||
Reference in New Issue
Block a user