This repository has been archived by the owner on Sep 24, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 44
/
tailwind.config.ts
125 lines (124 loc) · 6.91 KB
/
tailwind.config.ts
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
import daisyui from 'daisyui'
import svgToDataUri from 'mini-svg-data-uri'
module.exports = {
theme: {
extend: {
backgroundImage: (theme: any) => ({
'multiselect-caret': `url("${svgToDataUri(
`<svg viewBox="0 0 320 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"></path></svg>`
)}")`,
'multiselect-spinner': `url("${svgToDataUri(
`<svg viewBox="0 0 512 512" fill="${theme(
'colors.green.500'
)}" xmlns="http://www.w3.org/2000/svg"><path d="M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z"></path></svg>`
)}")`,
'multiselect-remove': `url("${svgToDataUri(
`<svg viewBox="0 0 320 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"></path></svg>`
)}")`,
}),
maskImage: (theme: any) => ({
'multiselect-caret': `url("${svgToDataUri(
`<svg viewBox="0 0 320 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"></path></svg>`
)}")`,
'multiselect-spinner': `url("${svgToDataUri(
`<svg viewBox="0 0 512 512" fill="${theme(
'colors.green.500'
)}" xmlns="http://www.w3.org/2000/svg"><path d="M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z"></path></svg>`
)}")`,
'multiselect-clear-icon': `url("${svgToDataUri(
`<svg viewBox="0 0 320 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"></path></svg>`
)}")`,
'multiselect-tag-remove-icon': `url("${svgToDataUri(
`<svg viewBox="0 0 320 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"></path></svg>`
)}")`,
}),
borderWidth: {
title: '0.1rem',
},
boxShadow: {
'3xl': '0 1em 5em rgba(0, 0, 0, 0.3)',
glow: '0 0 10px rgba(0, 0, 0, 0.3)',
},
colors: {
'my-gray': 'var(--my-gray)',
},
fontFamily: {
sans: ['Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Arial', 'sans-serif'],
},
fontSize: {
xxs: '10px',
sm: '14px',
base: '15px',
lg: '20px',
xl: '24px',
},
screens: {
xxs: '374px',
xs: '500px',
'2sm': '825px',
'2md': '876px',
'4xl': { min: '1971px' },
},
transitionProperty: {
height: 'height',
},
},
},
daisyui: {
themes: [
{
light: {
'color-scheme': 'light',
primary: '#e0e0e0',
'base-content': '#222222',
secondary: '#c7c7c7',
accent: '#f28c1b',
'base-100': '#ffffff',
'base-200': '#F2F5F7',
'base-300': '#E5E6E6',
neutral: '#2B3440',
'neutral-focus': '#343232',
info: '#0000ff',
success: '#008000',
warning: '#f28c1b',
error: '#ff3c00',
'--base-100': '#ffffff',
'--base-200': '#F2F5F7',
'--base-300': '#E5E6E6',
'--my-accent': '#f28c1b',
'--my-gray': '#888888',
'--my-purple': '#701a75',
'--my-yellow': '#bea203',
'--my-blue': '#436e9c',
'--my-green': '#68b31e',
},
dark: {
'color-scheme': 'dark',
primary: '#3b3b3b',
'base-content': '#DFDFDF',
secondary: '#d3d3d3',
accent: '#f28c1b',
'base-100': '#313131',
'base-200': '#222222',
'base-300': '#1c1c1c',
neutral: '#272626',
'neutral-focus': '#343232',
info: '#0000ff',
success: '#008000',
warning: '#f28c1b',
error: '#ff3c00',
'--base-100': '#313131',
'--base-200': '#222222',
'--base-300': '#1c1c1c',
'--my-accent': '#f28c1b',
'--my-gray': '#919191',
'--my-purple': '#ad7fa8;',
'--my-yellow': '#e2c317',
'--my-blue': '#6c95c2',
'--my-green': '#8ae234',
},
},
],
},
plugins: [daisyui],
}