SherlockRamos commited on
Commit
35df161
·
verified ·
1 Parent(s): fa36fb0

Upload tailwind.config.js with huggingface_hub

Browse files
Files changed (1) hide show
  1. tailwind.config.js +49 -0
tailwind.config.js CHANGED
@@ -19,6 +19,7 @@ module.exports = {
19
  700: '#1e3cc4',
20
  800: '#1b349a',
21
  900: '#1a2f7a',
 
22
  },
23
  accent: {
24
  50: '#fefce8',
@@ -31,11 +32,59 @@ module.exports = {
31
  700: '#b45309',
32
  800: '#92400e',
33
  900: '#78350f',
 
 
 
 
 
 
 
 
 
 
 
 
 
 
34
  }
35
  },
36
  fontFamily: {
37
  'sans': ['Inter', 'system-ui', 'sans-serif'],
38
  'display': ['Playfair Display', 'serif'],
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
39
  }
40
  },
41
  },
 
19
  700: '#1e3cc4',
20
  800: '#1b349a',
21
  900: '#1a2f7a',
22
+ 950: '#0f1b4a',
23
  },
24
  accent: {
25
  50: '#fefce8',
 
32
  700: '#b45309',
33
  800: '#92400e',
34
  900: '#78350f',
35
+ },
36
+ gray: {
37
+ 25: '#fcfcfd',
38
+ 50: '#f9fafb',
39
+ 100: '#f3f4f6',
40
+ 200: '#e5e7eb',
41
+ 300: '#d1d5db',
42
+ 400: '#9ca3af',
43
+ 500: '#6b7280',
44
+ 600: '#4b5563',
45
+ 700: '#374151',
46
+ 800: '#1f2937',
47
+ 900: '#111827',
48
+ 950: '#030712',
49
  }
50
  },
51
  fontFamily: {
52
  'sans': ['Inter', 'system-ui', 'sans-serif'],
53
  'display': ['Playfair Display', 'serif'],
54
+ },
55
+ spacing: {
56
+ '18': '4.5rem',
57
+ '88': '22rem',
58
+ '128': '32rem',
59
+ },
60
+ borderRadius: {
61
+ 'xl': '0.75rem',
62
+ '2xl': '1rem',
63
+ '3xl': '1.5rem',
64
+ },
65
+ boxShadow: {
66
+ 'soft': '0 2px 15px 0 rgba(0, 0, 0, 0.08)',
67
+ 'medium': '0 4px 25px 0 rgba(0, 0, 0, 0.1)',
68
+ 'hard': '0 8px 30px 0 rgba(0, 0, 0, 0.12)',
69
+ },
70
+ animation: {
71
+ 'fade-in': 'fadeIn 0.5s ease-in-out',
72
+ 'slide-up': 'slideUp 0.6s ease-out',
73
+ 'scale-in': 'scaleIn 0.4s ease-out',
74
+ },
75
+ keyframes: {
76
+ fadeIn: {
77
+ '0%': { opacity: '0' },
78
+ '100%': { opacity: '1' },
79
+ },
80
+ slideUp: {
81
+ '0%': { transform: 'translateY(20px)', opacity: '0' },
82
+ '100%': { transform: 'translateY(0)', opacity: '1' },
83
+ },
84
+ scaleIn: {
85
+ '0%': { transform: 'scale(0.95)', opacity: '0' },
86
+ '100%': { transform: 'scale(1)', opacity: '1' },
87
+ },
88
  }
89
  },
90
  },