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

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

View File

@@ -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'