b08x commited on
Commit
1a06f31
·
verified ·
1 Parent(s): 7018e24

Upload styles/globals.css with huggingface_hub

Browse files
Files changed (1) hide show
  1. styles/globals.css +73 -0
styles/globals.css ADDED
@@ -0,0 +1,73 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');
2
+
3
+ @tailwind base;
4
+ @tailwind components;
5
+ @tailwind utilities;
6
+
7
+ * {
8
+ box-sizing: border-box;
9
+ }
10
+
11
+ body {
12
+ font-family: 'Inter', system-ui, sans-serif;
13
+ background-color: #fafafa;
14
+ color: #0a0a0a;
15
+ }
16
+
17
+ /* Brutalist scrollbar */
18
+ ::-webkit-scrollbar {
19
+ width: 8px;
20
+ height: 8px;
21
+ }
22
+
23
+ ::-webkit-scrollbar-track {
24
+ background: #fafafa;
25
+ }
26
+
27
+ ::-webkit-scrollbar-thumb {
28
+ background: #0a0a0a;
29
+ }
30
+
31
+ ::-webkit-scrollbar-thumb:hover {
32
+ background: #ff3d00;
33
+ }
34
+
35
+ /* Brutalist button styles */
36
+ .brutal-btn {
37
+ @apply px-4 py-2 bg-brutal-black text-brutal-white font-mono text-sm uppercase tracking-wider border-2 border-brutal-black transition-all duration-150;
38
+ }
39
+
40
+ .brutal-btn:hover {
41
+ @apply translate-x-[2px] translate-y-[2px] shadow-brutal-hover;
42
+ }
43
+
44
+ .brutal-btn:active {
45
+ @apply translate-x-[4px] translate-y-[4px] shadow-none;
46
+ }
47
+
48
+ /* Brutalist card */
49
+ .brutal-card {
50
+ @apply bg-brutal-white border-2 border-brutal-black p-6 shadow-brutal transition-all duration-150;
51
+ }
52
+
53
+ .brutal-card:hover {
54
+ @apply shadow-brutal-hover -translate-y-1;
55
+ }
56
+
57
+ /* Section headers */
58
+ .section-header {
59
+ @apply font-mono text-xs uppercase tracking-[0.2em] text-brutal-gray mb-4 border-b-2 border-brutal-black pb-2;
60
+ }
61
+
62
+ /* Navigation link */
63
+ .nav-link {
64
+ @apply block px-4 py-2 font-mono text-sm uppercase tracking-wide border-2 border-transparent transition-all duration-150;
65
+ }
66
+
67
+ .nav-link:hover {
68
+ @apply border-brutal-black bg-brutal-black text-brutal-white;
69
+ }
70
+
71
+ .nav-link.active {
72
+ @apply bg-brutal-black text-brutal-white border-brutal-black;
73
+ }