mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-18 22:11:43 +01:00
fix(module): stop using tailwind's shorthand arbitrary variable syntax (#2366)
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
@@ -3,9 +3,9 @@ import type { ModuleOptions } from '../module'
|
||||
export default (options: Required<ModuleOptions>) => ({
|
||||
slots: {
|
||||
root: 'gap-2',
|
||||
base: 'relative overflow-hidden rounded-full bg-[--ui-bg-accented]',
|
||||
base: 'relative overflow-hidden rounded-full bg-[var(--ui-bg-accented)]',
|
||||
indicator: 'rounded-full size-full transition-transform duration-200 ease-out',
|
||||
status: 'flex justify-end text-[--ui-text-dimmed] transition-[width] duration-200',
|
||||
status: 'flex justify-end text-[var(--ui-text-dimmed)] transition-[width] duration-200',
|
||||
steps: 'grid items-end',
|
||||
step: 'truncate text-end row-start-1 col-start-1 transition-opacity'
|
||||
},
|
||||
@@ -18,12 +18,12 @@ export default (options: Required<ModuleOptions>) => ({
|
||||
},
|
||||
color: {
|
||||
...Object.fromEntries((options.theme.colors || []).map((color: string) => [color, {
|
||||
indicator: `bg-[--ui-${color}]`,
|
||||
steps: `text-[--ui-${color}]`
|
||||
indicator: `bg-[var(--ui-${color})]`,
|
||||
steps: `text-[var(--ui-${color})]`
|
||||
}])),
|
||||
neutral: {
|
||||
indicator: 'bg-[--ui-bg-inverted]',
|
||||
steps: 'text-[--ui-bg]'
|
||||
indicator: 'bg-[var(--ui-bg-inverted)]',
|
||||
steps: 'text-[var(--ui-bg)]'
|
||||
}
|
||||
},
|
||||
size: {
|
||||
@@ -61,7 +61,7 @@ export default (options: Required<ModuleOptions>) => ({
|
||||
step: 'opacity-100'
|
||||
},
|
||||
first: {
|
||||
step: 'opacity-100 text-[--ui-text-muted]'
|
||||
step: 'opacity-100 text-[var(--ui-text-muted)]'
|
||||
},
|
||||
other: {
|
||||
step: 'opacity-0'
|
||||
|
||||
Reference in New Issue
Block a user