consts.ts (1060B)
1 export const SITE_TITLE = 'lukeonline' 2 3 const BUTTON_BACKGROUND_GRADIENT = 'bg-linear-to-t from-[#f1f1f3] to-[#f7f7f8]' 4 const BUTTON_HOVER_GRADIENT = 'hover:from-[#dce6f4] hover:to-[#f1f4fa]' 5 const BUTTON_ACTIVE_GRADIENT = 'active:from-[#dce6f4] active:to-[#f1f4fa]' 6 const BUTTON_ACTIVE_INSET = 7 'active:inset-shadow-[0_2px_4px_-2px_rgba(0,0,0,0.6)]' 8 9 export const BUTTON_STYLING_SHARED = 10 'border-solid border-1 border-gray-400' + 11 ' flex gap-1 p-2 rounded-sm' + 12 ` ${BUTTON_BACKGROUND_GRADIENT} shadow-sm` + 13 ` ${BUTTON_HOVER_GRADIENT} hover:shadow-md hover:border-sea-600` + 14 ` ${BUTTON_ACTIVE_GRADIENT} active:shadow-none ${BUTTON_ACTIVE_INSET}` + 15 ' transition duration-150' + 16 ' active:duration-50' 17 18 export const DISABLED_BUTTON_STYLING_SHARED = 19 'border-solid border-1 border-gray-400' + 20 ' flex gap-1 p-2 rounded-sm' + 21 ` ${BUTTON_BACKGROUND_GRADIENT} shadow-sm` + 22 ' text-gray-400' 23 24 export const BASE_LAYOUT_STYLING = 25 'flex flex-col gap-3 p-6' + 26 ' rounded border border-gray-600 shadow-lg' + 27 ' bg-linear-to-t from-gray-100 to-white'