UNPKG

keep-vue

Version:

Keep Vue is an open-source component library built on top of Vue3 and Tailwind CSS. It offers a collection of pre-designed UI components and styles that you can easily integrate into your web applications.

vue.keepdesign.io/docs/getting-started/introduction

StaticMania/keep-vue

6 lines (5 loc) • 1.12 kB
1
2
3
4
5
6
export const stepPointTheme = { default: "flex h-10 max-w-max shrink-0 items-center gap-2 capitalize data-[completed=false]:text-metal-900/50 data-[completed=true]:text-primary-500 dark:data-[completed=false]:text-white/50 dark:data-[completed=true]:text-white", border: "flex h-10 max-w-max shrink-0 items-center gap-2 rounded-full border pl-2 pr-4 capitalize data-[completed=true]:bg-primary-500 data-[completed=false]:text-metal-900/50 data-[completed=true]:text-white dark:data-[completed=false]:border-metal-800 dark:data-[completed=true]:border-primary-500 dark:data-[completed=true]:bg-primary-500 dark:data-[completed=false]:text-white/50 dark:data-[completed=true]:text-white", icon: "flex size-10 shrink-0 items-center justify-center rounded-full border text-metal-600 data-[completed=true]:bg-primary-500 data-[completed=false]:text-metal-900/50 data-[completed=true]:text-white dark:data-[completed=false]:border-metal-800 dark:data-[completed=true]:border-primary-500 dark:data-[completed=true]:bg-primary-500 dark:data-[completed=false]:text-white/50 dark:data-[completed=true]:text-white", };