-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
55 lines (54 loc) · 1.2 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
import defaultTheme from 'tailwindcss/defaultTheme';
import plugin from 'tailwindcss/plugin';
/** @type {import("tailwindcss").Config} */
export default {
content: ['./src/**/*.{html,svelte,ts}'],
theme: {
extend: {
colors: {
foreground: '',
'button-primary': '#fadcda',
'button-secondary': '#724c54'
},
fontFamily: {
sans: ['Manrope', ...defaultTheme.fontFamily.sans]
}
}
},
plugins: [
plugin(({ addComponents }) => {
addComponents({
'.rank-status': {
borderRadius: '9999px'
},
'.rank-status-graveyard': {
backgroundColor: 'rgb(0 0 0)'
},
'.rank-status-wip': {
backgroundColor: 'rgb(255 153 102)'
},
'.rank-status-pending': {
backgroundColor: 'rgb(255 217 102)'
},
'.rank-status-ranked': {
backgroundColor: 'rgb(179 255 102)'
},
'.rank-status-approved': {
backgroundColor: 'rgb(102 204 255)'
},
'.rank-status-qualified': {
backgroundColor: 'rgb(179 255 102)'
},
'.rank-status-loved': {
backgroundColor: 'rgb(255 102 171)'
},
'.commission-status-open': {
color: 'rgb(107 255 122)'
},
'.commission-status-close': {
color: 'rgb(255 107 107)'
}
});
})
]
};