arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-23 16:30:45 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(module): stop using tailwind's shorthand arbitrary variable syntax (#2366)

Browse Source 
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Sandro Circi
2024-10-14 10:42:26 +02:00
committed by GitHub
parent ea07dffdd5
commit dcce571cda
131 changed files with 3724 additions and 3724 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/theme/badge.ts
View File

@@ -22,35 +22,35 @@ export default (options: Required<ModuleOptions>) => ({
compoundVariants: [...(options.theme.colors || []).map((color: string) => ({
color,
variant: 'solid',
class: `bg-[--ui-${color}] text-[--ui-bg]`
class: `bg-[var(--ui-${color})] text-[var(--ui-bg)]`
})), ...(options.theme.colors || []).map((color: string) => ({
color,
variant: 'outline',
class: `text-[--ui-${color}] ring ring-inset ring-[--ui-${color}]/50`
class: `text-[var(--ui-${color})] ring ring-inset ring-[var(--ui-${color})]/50`
})), ...(options.theme.colors || []).map((color: string) => ({
color,
variant: 'soft',
class: `bg-[--ui-${color}]/10 text-[--ui-${color}]`
class: `bg-[var(--ui-${color})]/10 text-[var(--ui-${color})]`
})), ...(options.theme.colors || []).map((color: string) => ({
color,
variant: 'subtle',
class: `bg-[--ui-${color}]/10 text-[--ui-${color}] ring ring-inset ring-[--ui-${color}]/25`
class: `bg-[var(--ui-${color})]/10 text-[var(--ui-${color})] ring ring-inset ring-[var(--ui-${color})]/25`
})), {
color: 'neutral',
variant: 'solid',
class: 'text-[--ui-bg] bg-[--ui-bg-inverted]'
class: 'text-[var(--ui-bg)] bg-[var(--ui-bg-inverted)]'
}, {
color: 'neutral',
variant: 'outline',
class: 'ring ring-inset ring-[--ui-border-accented] text-[--ui-text] bg-[--ui-bg]'
class: 'ring ring-inset ring-[var(--ui-border-accented)] text-[var(--ui-text)] bg-[var(--ui-bg)]'
}, {
color: 'neutral',
variant: 'soft',
class: 'text-[--ui-text] bg-[--ui-bg-elevated]'
class: 'text-[var(--ui-text)] bg-[var(--ui-bg-elevated)]'
}, {
color: 'neutral',
variant: 'subtle',
class: 'ring ring-inset ring-[--ui-border-accented] text-[--ui-text] bg-[--ui-bg-elevated]'
class: 'ring ring-inset ring-[var(--ui-border-accented)] text-[var(--ui-text)] bg-[var(--ui-bg-elevated)]'
}],
defaultVariants: {
color: 'primary',