arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-25 01:10:40 +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

2
docs/app/components/theme-picker/ThemePicker.vue
View File

@@ -68,7 +68,7 @@ function setBlackAsPrimary(value: boolean) {
:variant="open ? 'soft' : 'ghost'"
square
aria-label="Color picker"
:ui="{ leadingIcon: 'text-[var(--ui-primary)]' }"
:ui="{ leadingIcon: 'text-(--ui-primary)' }"
/>
</template>

4
docs/app/components/theme-picker/ThemePickerButton.vue
View File

@@ -14,13 +14,13 @@ defineProps<{
:icon="icon"
:label="label"
:variant="selected ? 'soft' : 'outline'"
class="capitalize ring-[var(--ui-border)] rounded-[var(--ui-radius)] text-[11px]"
class="capitalize ring-(--ui-border) rounded-(--ui-radius) text-[11px]"
>
<template v-if="chip" #leading>
<slot name="leading">
<span
class="inline-block w-2 h-2 rounded-full"
:class="`bg-[var(--color-light)] dark:bg-[var(--color-dark)]`"
:class="`bg-(--color-light) dark:bg-(--color-dark)`"
:style="{
'--color-light': `var(--color-${chip}-500)`,
'--color-dark': `var(--color-${chip}-400)`