Contents

root:
  base: >-
    absolute z-10 rounded-lg shadow w-48 
    bg-white dark:bg-gray-700 
    focus:outline-none 
    transition-opacity duration-300 ease-in-out
  divider?: divide-y divide-gray-100 dark:divide-gray-600
root/hidden:
  base: invisible opacity-0
root/visible:
  base: visible opacity-100
header:
  base: px-4 py-3 text-sm text-gray-900 dark:text-white
menu:
  root:
    base: py-2 text-sm text-gray-700 dark:text-gray-200
  item:
    root:
      base: flex items-center justify-start w-full px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600
      visuals?: flex items-center gap-2
      color:
        neutral: &default text-gray-700 dark:text-gray-200 dark:hover:text-white
        dark: text-gray-800 dark:text-gray-700
        light: text-gray-300 dark:text-gray-500
        blue: text-blue-600 dark:text-blue-500
        red: text-red-600 dark:text-red-500
        green: text-green-600 dark:text-green-500
        yellow: text-yellow-600 dark:text-yellow-500
        indigo: text-indigo-600 dark:text-indigo-500
        purple: text-purple-600 dark:text-purple-500
        pink: text-pink-600 dark:text-pink-500
        info: text-blue-800 dark:text-blue-700
        error: text-red-800 dark:text-red-700
        warning: text-yellow-800 dark:text-yellow-700
        success: text-green-800 dark:text-green-700
        default: *default
    root/disabled:
      base: opacity-50
    visual:
      base: w-2.5 h-2.5
      side:
        end: ml-auto

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
fox_tail-0.1.1	app/components/fox_tail/dropdown_component.theme.yml
fox_tail-0.1.0	app/components/fox_tail/dropdown_component.theme.yml