-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.css
More file actions
93 lines (77 loc) · 1.93 KB
/
index.css
File metadata and controls
93 lines (77 loc) · 1.93 KB
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
min-width: 320px;
min-height: 100vh;
}
/* Remove the existing dark mode preferences */
@media (prefers-color-scheme: light) {
:root {
color: #213547;
background-color: #ffffff;
}
}
/* Auth UI Custom Styles */
.auth-container {
gap: 1.25rem !important;
}
.auth-button {
height: 42px !important;
font-weight: 600 !important;
}
.auth-button[data-provider="github"] {
background-color: #24292e !important;
color: white !important;
font-weight: 600 !important;
}
.auth-button[data-provider="github"]:hover {
background-color: #1a1e22 !important;
}
.auth-label {
@apply text-gray-700 dark:text-gray-300 !important;
font-weight: 500 !important;
font-size: 0.875rem !important;
}
.auth-input {
@apply bg-transparent text-gray-900 dark:text-gray-100 !important;
border-color: #d1d5db !important;
}
.auth-anchor {
@apply text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 !important;
font-weight: 500 !important;
}
.auth-anchor[href*="sign-up"] {
color: #2563eb !important;
font-weight: 600 !important;
font-size: 0.95rem !important;
}
.auth-message {
@apply text-gray-600 dark:text-gray-400 !important;
font-size: 0.875rem !important;
}
.auth-divider {
@apply bg-gray-200 dark:bg-gray-700 !important;
}
/* Add this to your existing styles */
.menu-item {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
@keyframes scale-check {
0% { transform: scale(0.8); opacity: 0.8; }
50% { transform: scale(1.2); opacity: 1; }
100% { transform: scale(1); opacity: 1; }
}
.animate-scale-check {
animation: scale-check 0.3s ease-out forwards;
}