028-simple-queue-system/tailwind.css at main · LedoKun/028-simple-queue-system · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
/* public/css/tailwind.css */
@import "tailwindcss";

/* Your Custom Components/Utilities below */

@layer theme {
  :root {
    --color-red-500: #ef4444;
    --color-red-600: #dc2626;
    --color-orange-400: #fb923c;
    --color-yellow-400: #facc15;
    --color-yellow-500: #eab308;
    --color-yellow-600: #ca8a04;
    --color-green-400: #4ade80;
    --color-green-500: #22c55e;
    --color-green-600: #16a34a;
    --color-teal-500: #14b8a6;
    --color-teal-600: #0d9488;
    --color-blue-500: #3b82f6;
    --color-blue-600: #2563eb;
    --color-blue-700: #1d4ed8;
    --color-indigo-400: #818cf8;
    --color-indigo-500: #6366f1;
    --color-indigo-600: #4f46e5;
    --color-purple-200: #e9d5ff;
    --color-purple-300: #d8b4fe;
    --color-purple-400: #c084fc;
    --color-purple-500: #a855f7;
    --color-purple-600: #9333ea;
    --color-purple-700: #7e22ce;
    --color-purple-800: #6b21a8;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5db;
    --color-gray-400: #9ca3af;
    --color-gray-500: #6b7280;
    --color-gray-600: #4b5563;
    --color-gray-700: #374151;
    --color-gray-800: #1f2937;
    --color-gray-900: #111827;
  }
}

.history-item {
    @apply p-2 border-b border-gray-700 text-xl md:text-2xl lg:text-5xl;
    transition: background-color 0.2s ease-in-out;
}

.history-item:last-child {
    @apply border-b-0;
}

.history-item:hover {
    @apply bg-gray-700;
}