-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
147 lines (147 loc) · 5.5 KB
/
tailwind.config.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
module.exports = {
mode: 'jit',
purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
darkMode: 'class',
theme: {
colors: {
'white': 'white',
'black': 'black',
'current': 'currentColor',
'transparent': 'transparent',
'overlay': 'var(--color-overlay)',
'focus-default': 'var(--color-focus-default)',
'focus-primary': 'var(--color-focus-primary)',
'focus-input': 'var(--color-focus-input)',
'focus-error': 'var(--color-focus-error)',
'focus-success': 'var(--color-focus-success)',
'focus-secondary': 'var(--color-focus-secondary)',
'primary': 'var(--color-primary)',
'primary-dark': 'var(--color-primary-dark)',
'primary-extra': 'var(--color-primary-extra)',
'primary-highlight': 'var(--color-primary-highlight)',
'primary-text': 'var(--color-primary-text)',
'primary-text-light': 'var(--color-primary-text-light)',
'secondary': 'var(--color-secondary)',
'secondary-extra': 'var(--color-secondary-extra)',
'secondary-highlight': 'var(--color-secondary-highlight)',
'secondary-highlight-text': 'var(--color-secondary-highlight-text)',
'background': 'var(--color-background)',
'background-extra': 'var(--color-background-extra)',
'background-highlight': 'var(--color-background-highlight)',
'lighter': 'var(--color-lighter)',
'hover': 'var(--color-hover)',
'card': 'var(--color-card)',
'border': 'var(--color-border)',
'border-dark': 'var(--color-border-dark)',
'text': 'var(--color-text)',
'text-extra': 'var(--color-text-extra)',
'text-highlight': 'var(--color-text-highlight)',
'error': 'var(--color-error)',
'error-text': 'var(--color-error-text)',
'error-highlight-text': 'var(--color-error-highlight-text)',
'error-highlight': 'var(--color-error-highlight)',
'success': 'var(--color-success)',
'success-highlight-text': 'var(--color-success-highlight-text)',
'success-highlight': 'var(--color-success-highlight)',
'activity-closed': 'var(--color-activity-closed)',
'activity-low': 'var(--color-activity-low)',
'activity-medium': 'var(--color-activity-medium)',
'activity-high': 'var(--color-activity-high)',
'activity-very-high': 'var(--color-activity-very-high)',
'activity-full': 'var(--color-activity-full)',
},
backgroundImage: {
'card-overlay': 'var(--color-card-overlay)',
},
borderRadius: {
none: '0',
sm: '5px',
DEFAULT: '10px',
lg: '15px',
full: '50%',
},
borderWidth: {
0: '0px',
1: '1px',
DEFAULT: '1px',
2: '2px',
4: '4px',
},
fontFamily: {
sans: ['Nunito Sans', 'sans-serif'],
},
screens: {
tablet: '640px',
laptop: '1024px',
desktop: '1300px',
},
extend: {
spacing: {
'0': '0',
'xxsm': '2px',
'xsm': '0.25rem',
'sm': '0.5rem',
'md': '1rem',
'lg': '1.5rem',
'xlg': '2.5rem',
'xxlg': '5rem',
'1/5': '20vh',
'modal-offset': '15vh',
'dialog-offset': '30vh',
'sidebar-offset': '4rem',
'admin-header-offset': 'calc(var(--admin-header-height) + 2.5rem)',
'table-row': 'var(--table-row-height)',
},
height: {
'admin-header': 'var(--admin-header-height)',
'table-row': 'var(--table-row-height)',
},
minHeight: {
'header': '8rem',
'dialog': '12rem',
'textarea-small': '5rem',
'textarea': '8rem',
'textarea-large': '16rem',
'notifications': '8rem',
'table': 'calc(var(--table-row-height) * 2)',
'table-empty': 'calc(var(--table-row-height) * 3)',
},
maxHeight: {
'dialog': '20rem',
'textarea': '30rem',
'textarea-small': '10rem',
'textarea': '30rem',
'textarea-large': '60rem',
'dropdown': '15rem',
},
width: {
'sidebar-navigation': '14rem',
'login-modal': '22rem',
'form-modal': '30rem',
'dialog': '30rem',
'user-popover': '20rem',
'menu-popover': '10rem',
'pagination-counter': '3rem',
'sidebar': '4rem',
},
minWidth: {
'modal': '25rem',
'login-background': '1100px',
'select': '12rem',
},
maxWidth: {
notifications: '25rem',
content: '1200px',
form: '35rem',
},
fontSize: {
xsm: '0.8rem',
md: '0.95rem',
},
transitionDuration: {
in: '75ms',
out: '50ms',
},
},
},
}