-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
47 lines (46 loc) · 1.19 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
const defaultTheme = require('tailwindcss/defaultTheme');
const plugin = require('tailwindcss/plugin');
module.exports = {
purge: ['./components/**/*.tsx', './pages/**/*.tsx'],
theme: {
extend: {
fontFamily: {
sans: ['Inter var', ...defaultTheme.fontFamily.sans],
},
colors: {
primary: {
100: '#E6EDFF',
200: '#C0D2FF',
300: '#9BB7FE',
400: '#4F80FE',
500: '#044AFD',
600: '#0443E4',
700: '#022C98',
800: '#022172',
900: '#01164C',
dark: '#000719',
'dark-secondary': '#010f33',
},
},
screens: {
dark: { raw: '(prefers-color-scheme: dark)' },
// => @media (prefers-color-scheme: dark) { ... }
},
},
},
variants: {
fontSize: ['responsive', 'hover', 'focus', 'important'],
},
plugins: [
plugin(function ({ addVariant, variants }) {
addVariant('important', ({ container }) => {
container.walkRules((rule) => {
rule.selector = `.\\!${rule.selector.slice(1)}`;
rule.walkDecls((decl) => {
decl.important = true;
});
});
});
}),
],
};