arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-21 15:31:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: use new syntax for css variables (#3258)

Browse Source 
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Sandro Circi
2025-02-07 11:24:14 +01:00
committed by GitHub
parent 8e7c52e1fb
commit 104852a55c
230 changed files with 12934 additions and 12958 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/theme/progress.ts
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-[var(--ui-bg-accented)]',
base: 'relative overflow-hidden rounded-full bg-(--ui-bg-accented)',
indicator: 'rounded-full size-full transition-transform duration-200 ease-out',
status: 'flex justify-end text-[var(--ui-text-dimmed)] transition-[width] duration-200',
status: 'flex justify-end text-(--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-[var(--ui-${color})]`,
steps: `text-[var(--ui-${color})]`
indicator: `bg-(--ui-${color})`,
steps: `text-(--ui-${color})`
}])),
neutral: {
indicator: 'bg-[var(--ui-bg-inverted)]',
steps: 'text-[var(--ui-bg)]'
indicator: 'bg-(--ui-bg-inverted)',
steps: 'text-(--ui-bg)'
}
},
size: {
@@ -61,7 +61,7 @@ export default (options: Required<ModuleOptions>) => ({
step: 'opacity-100'
},
first: {
step: 'opacity-100 text-[var(--ui-text-muted)]'
step: 'opacity-100 text-(--ui-text-muted)'
},
other: {
step: 'opacity-0'