forked from beromir/Servas
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.cjs
110 lines (106 loc) · 5.21 KB
/
tailwind.config.cjs
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
const colors = require('tailwindcss/colors')
const defaultTheme = require('tailwindcss/defaultTheme')
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
'./vendor/laravel/jetstream/**/*.blade.php',
'./storage/framework/views/*.php',
'./resources/views/**/*.blade.php',
'./resources/js/**/*.svelte',
'./resources/js/**/*.js',
],
theme: {
colors: {
transparent: 'transparent',
current: 'currentColor',
black: colors.black,
white: colors.white,
primary: {
900: 'hsl(var(--color-primary-900) / <alpha-value>)',
800: 'hsl(var(--color-primary-800) / <alpha-value>)',
700: 'hsl(var(--color-primary-700) / <alpha-value>)',
600: 'hsl(var(--color-primary-600) / <alpha-value>)',
500: 'hsl(var(--color-primary-500) / <alpha-value>)',
400: 'hsl(var(--color-primary-400) / <alpha-value>)',
300: 'hsl(var(--color-primary-300) / <alpha-value>)',
200: 'hsl(var(--color-primary-200) / <alpha-value>)',
100: 'hsl(var(--color-primary-100) / <alpha-value>)',
50: 'hsl(var(--color-primary-50) / <alpha-value>)',
},
gray: {
900: 'hsl(var(--color-gray-900) / <alpha-value>)',
800: 'hsl(var(--color-gray-800) / <alpha-value>)',
700: 'hsl(var(--color-gray-700) / <alpha-value>)',
600: 'hsl(var(--color-gray-600) / <alpha-value>)',
500: 'hsl(var(--color-gray-500) / <alpha-value>)',
400: 'hsl(var(--color-gray-400) / <alpha-value>)',
300: 'hsl(var(--color-gray-300) / <alpha-value>)',
200: 'hsl(var(--color-gray-200) / <alpha-value>)',
100: 'hsl(var(--color-gray-100) / <alpha-value>)',
50: 'hsl(var(--color-gray-50) / <alpha-value>)',
},
blue: {
900: 'hsl(var(--color-blue-900) / <alpha-value>)',
800: 'hsl(var(--color-blue-800) / <alpha-value>)',
700: 'hsl(var(--color-blue-700) / <alpha-value>)',
600: 'hsl(var(--color-blue-600) / <alpha-value>)',
500: 'hsl(var(--color-blue-500) / <alpha-value>)',
400: 'hsl(var(--color-blue-400) / <alpha-value>)',
300: 'hsl(var(--color-blue-300) / <alpha-value>)',
200: 'hsl(var(--color-blue-200) / <alpha-value>)',
100: 'hsl(var(--color-blue-100) / <alpha-value>)',
50: 'hsl(var(--color-blue-50) / <alpha-value>)',
},
red: {
900: 'hsl(var(--color-red-900) / <alpha-value>)',
800: 'hsl(var(--color-red-800) / <alpha-value>)',
700: 'hsl(var(--color-red-700) / <alpha-value>)',
600: 'hsl(var(--color-red-600) / <alpha-value>)',
500: 'hsl(var(--color-red-500) / <alpha-value>)',
400: 'hsl(var(--color-red-400) / <alpha-value>)',
300: 'hsl(var(--color-red-300) / <alpha-value>)',
200: 'hsl(var(--color-red-200) / <alpha-value>)',
100: 'hsl(var(--color-red-100) / <alpha-value>)',
50: 'hsl(var(--color-red-50) / <alpha-value>)',
},
yellow: {
900: 'hsl(var(--color-yellow-900) / <alpha-value>)',
800: 'hsl(var(--color-yellow-800) / <alpha-value>)',
700: 'hsl(var(--color-yellow-700) / <alpha-value>)',
600: 'hsl(var(--color-yellow-600) / <alpha-value>)',
500: 'hsl(var(--color-yellow-500) / <alpha-value>)',
400: 'hsl(var(--color-yellow-400) / <alpha-value>)',
300: 'hsl(var(--color-yellow-300) / <alpha-value>)',
200: 'hsl(var(--color-yellow-200) / <alpha-value>)',
100: 'hsl(var(--color-yellow-100) / <alpha-value>)',
50: 'hsl(var(--color-yellow-50) / <alpha-value>)',
},
green: {
900: 'hsl(var(--color-green-900) / <alpha-value>)',
800: 'hsl(var(--color-green-800) / <alpha-value>)',
700: 'hsl(var(--color-green-700) / <alpha-value>)',
600: 'hsl(var(--color-green-600) / <alpha-value>)',
500: 'hsl(var(--color-green-500) / <alpha-value>)',
400: 'hsl(var(--color-green-400) / <alpha-value>)',
300: 'hsl(var(--color-green-300) / <alpha-value>)',
200: 'hsl(var(--color-green-200) / <alpha-value>)',
100: 'hsl(var(--color-green-100) / <alpha-value>)',
50: 'hsl(var(--color-green-50) / <alpha-value>)',
},
},
extend: {
fontFamily: {
sans: ['Inter', ...defaultTheme.fontFamily.sans],
mono: ['JetBrains Mono', ...defaultTheme.fontFamily.mono],
},
},
},
future: {
hoverOnlyWhenSupported: true,
},
plugins: [
require('@tailwindcss/forms'),
require('@tailwindcss/typography'),
],
};