sposchedule

1
export default {
2
  root: {
3
    class: [
4
      'block relative',
5

6
      // Base Label Appearance
7
      '[&>*:last-child]:text-surface-900/60 dark:[&>*:last-child]:text-white/60',
8
      '[&>*:last-child]:absolute',
9
      '[&>*:last-child]:top-1/2',
10
      '[&>*:last-child]:-translate-y-1/2',
11
      '[&>*:last-child]:left-3',
12
      '[&>*:last-child]:pointer-events-none',
13
      '[&>*:last-child]:transition-all',
14
      '[&>*:last-child]:duration-200',
15
      '[&>*:last-child]:ease',
16

17
      // Focus Label Appearance
18
      '[&>*:last-child]:has-[:focus]:-top-3',
19
      '[&>*:last-child]:has-[:focus]:text-sm',
20

21
      // Filled Input Label Appearance
22
      '[&>*:last-child]:has-[.filled]:-top-3',
23
      '[&>*:last-child]:has-[.filled]:text-sm',
24
    ],
25
  },
26
};
27