-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtailwind.campfire.js
178 lines (178 loc) · 5.92 KB
/
tailwind.campfire.js
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
/** @type {import('tailwindcss').Config} */
export default {
prefix: 'tw-',
darkMode: 'class',
theme: {
fontFamily: {
roboto_mono: ['Roboto-Mono'],
roboto_mono_italic: ['Roboto-Mono-Italic'],
roboto_mono_thin: ['Roboto-Mono-Thin'],
roboto_mono_thin_italic: ['Roboto-Mono-ThinItalic'],
roboto_mono_medium: ['Roboto-Mono-Medium'],
roboto_mono_medium_italic: ['Roboto-Mono-MediumItalic'],
roboto_mono_bold: ['Roboto-Mono-Bold'],
roboto_mono_bold_italic: ['Roboto-Mono-BoldItalic'],
space_mono: ['Space-Mono'],
space_mono_italic: ['Space-Mono-Italic'],
space_mono_bold: ['Space-Mono-Bold'],
space_mono_bold_italic: ['Space-Mono-BoldItalic'],
space_grotesk: ['Space-Grotesk'],
space_grotesk_light: ['Space-Grotesk-Light'],
space_grotesk_medium: ['Space-Grotesk-Medium'],
space_grotesk_bold: ['Space-Grotesk-Bold'],
},
extend: {
colors: {
'no-border': 'rgba(0, 0, 0, 0.3)',
'campfire-blue': {
DEFAULT: '#2ca9bc',
50: '#eff6ff',
100: '#d7ecf0',
200: '#afd9e1',
300: '#6cbccb',
400: '#2ca9bc',
500: '#008396',
600: '#006072',
700: '#004e60',
800: '#003e4f',
900: '#00212f',
950: '#082f49',
},
'campfire-neutral': {
DEFAULT: '#a3a3a3',
50: '#fafafa',
100: '#f5f5f5',
200: '#e5e5e5',
300: '#d4d4d4',
400: '#a3a3a3',
500: '#737373',
600: '#525252',
700: '#404040',
800: '#262626',
900: '#171717',
},
'campfire-purple': {
DEFAULT: '#8b5cf6',
light: '#c4b5fd',
dark: '#6d28d9',
darker: '#581c87',
darkest: '#2e1065',
200: '#ddd6fe',
300: '#c4b5fd',
400: '#a78bfa',
500: '#8b5cf6',
700: '#6d28d9',
900: '#4c1d95',
950: '#2e1065',
},
'campfire-green': {
DEFAULT: '#22c55e',
},
},
backgroundImage: {
'sw-1': "url('./src/assets/bg/sw-1.jpg')",
'sw-2': "url('./src/assets/bg/sw-2.jpg')",
'sw-3': "url('./src/assets/bg/sw-3.jpg')",
nature: "url('./src/assets/bg/nature.jpg')",
},
brightness: {
15: '.15',
25: '.25',
30: '.30',
40: '.40',
50: '.50',
65: '.65',
75: '.75',
80: '.80',
90: '.90',
175: '1.75',
},
backdropBrightness: {
10: '.10',
15: '.15',
20: '.20',
25: '.25',
30: '.30',
35: '.35',
40: '.40',
45: '.45',
50: '.50',
55: '.50',
60: '.60',
65: '.65',
70: '.70',
75: '.75',
80: '.80',
85: '.85',
90: '.90',
95: '.95',
175: '1.75',
},
contrast: {
25: '.25',
},
gridTemplateColumns: {
dashboard: '5em, auto',
'dashboard-mobile': 'auto',
'layout-dashboard-home': 'minmax(16em, 20em), minmax(32em, auto)',
'layout-dashboard-home-mobile': 'auto',
'layout-dashboard-code': 'minmax(20em, 28em), minmax(24em, auto)',
'layout-dashboard-code-mobile': 'auto',
'layout-dashboard-code-editor': 'minmax(100px, 200px), minmax(20em, auto)',
'layout-dashboard-code-editor-mobile': 'auto',
'layout-dashboard-categories': 'minmax(14em, 22em), auto',
'layout-dashboard-categories-mobile': 'auto',
'layout-dashboard-categories-container': 'auto',
'layout-dashboard-categories-container-mobile': 'auto',
'layout-dashboard-calender': 'auto',
'layout-dashboard-calender-mobile': 'auto',
'layout-dashboard-docs': 'auto',
'layout-dashboard-docs-mobile': 'auto',
'layout-dashboard-notes': 'auto',
'layout-dashboard-notes-mobile': 'auto',
'layout-dashboard-settings': 'auto',
'layout-dashboard-settings-mobile': 'auto',
},
gridTemplateRows: {
dashboard: '2.5em, minmax(28em, auto)',
'dashboard-extended': '2.5em, minmax(44.5em, auto)',
'dashboard-mobile': '3em, minmax(28em, auto)',
'dashboard-no-language': 'minmax(28em, auto)',
'dashboard-no-language-extended': 'minmax(28em, auto)',
'dashboard-no-language-mobile': '3em, 28em, auto, auto, auto',
'layout-dashboard-home': '3.5em, auto',
'layout-dashboard-home-mobile': '3.5em, auto, minmax(20em, auto)',
'layout-dashboard-code': '2.5em, 3.2em, 25.2em, minmax(15.8em, auto)',
'layout-dashboard-code-mobile': '2em, 3em, minmax(20em, auto), minmax(25.2em, auto), minmax(18em, auto)',
'layout-dashboard-code-editor': '28.3em, minmax(15.8em, auto)',
'layout-dashboard-code-editor-mobile': 'minmax(20em, auto), minmax(22em, auto), minmax(10em, auto)',
'layout-dashboard-categories': '2.5em, 3.2em, auto',
'layout-dashboard-categories-mobile': 'auto',
'layout-dashboard-categories-container': 'minmax(35.7em, auto)',
'layout-dashboard-categories-container-mobile': 'auto',
'layout-dashboard-calender': 'auto',
'layout-dashboard-calender-mobile': 'auto',
'layout-dashboard-docs': 'auto',
'layout-dashboard-docs-mobile': 'auto',
'layout-dashboard-notes': 'auto',
'layout-dashboard-notes-mobile': 'auto',
'layout-dashboard-settings': 'auto',
'layout-dashboard-settings-mobile': 'auto',
},
},
},
plugins: [
function ({ addVariant }) {
addVariant('child', '& > *');
addVariant('child-hover', '& > *:hover');
addVariant('h1', '& h1');
addVariant('h2', '& h2');
addVariant('h3', '& h3');
addVariant('h4', '& h4');
addVariant('h5', '& h5');
addVariant('h6', '& h6');
addVariant('p', '& p');
addVariant('svg', '& svg');
},
],
};