/
tailwind.config.js
71 lines (69 loc) · 1.63 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
/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
content: [],
theme: {
extend: {
aspectRatio: {
'blog': '191.04 / 100',
'4/3': '4 / 3',
},
colors: {
'blue': {
DEFAULT: '#0075FF',
},
'pink': {
DEFAULT: '#E6007A',
},
'purple': {
DEFAULT: '#5928B1',
},
'space-gray': {
light: '#405FBA',
lighter: '#112769',
DEFAULT: '#071643',
dark: '#081029',
},
'space-pink': {
light: '#FFADD9',
lighter: '#FB4AA8',
DEFAULT: '#E0338F',
},
'space-purple': {
light: '#C9A5FF',
lighter: '#9256ED',
DEFAULT: '#703AC2',
},
'space-blue': {
light: '#A4BDFF',
lighter: '#3D73FF',
DEFAULT: '#215AEC',
},
'space-sky': {
light: '#9ED8FF',
lighter: '#34ADFF',
DEFAULT: '#0099FF',
},
'space-cyan': {
light: '#A7F5FF',
lighter: '#66EDFF',
DEFAULT: '#0AE2FF',
},
'space-teal': {
light: '#C0FFF4',
lighter: '#80FFE8',
DEFAULT: '#00FFD1',
},
},
fontFamily: {
sans: ['"Poppins"', ...defaultTheme.fontFamily.sans],
jp: ['"Noto Sans JP"', ...defaultTheme.fontFamily.sans],
roboto: ['"Roboto"', ...defaultTheme.fontFamily.sans],
},
},
},
plugins: [
require('@tailwindcss/forms'),
require('@tailwindcss/typography'),
],
}