-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
67 lines (66 loc) · 2.01 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
const defaultTheme = require('tailwindcss/defaultTheme');
const plugin = require('tailwindcss/plugin');
module.exports = {
darkMode: 'class',
theme: {
animation: {
wave: 'wave 10s infinite ease forwards',
},
keyframes: {
wave: {
'0%, 30%, 100%': {
transform: 'rotate(0)',
},
'5%, 15%, 25%': {
transform: 'rotate(10deg)',
},
'10%, 20%': {
transform: 'rotate(-10deg);',
},
},
},
colors: {
transparent: 'transparent',
current: 'currentColor',
foreground: 'var(--color-foreground)',
background: 'var(--color-background)',
primary: 'var(--color-primary)',
wash: {
background: 'var(--color-wash-background)',
muted: 'var(--color-wash-muted)',
},
},
fontFamily: {
sans: ['Inter', ...defaultTheme.fontFamily.sans],
japanese: ['"M PLUS 1p"', '"ヒラギノ角ゴ ProN"', '"Hiragino Kaku Gothic ProN"', '游ゴシック', '游ゴシック体', 'yugothic', '"Yu Gothic"', 'メイリオ', 'meiryo', '"MS ゴシック"',
'"MS Gothic"', 'hirakakupron-w3', 'TakaoExゴシック', 'takaoexgothic', 'MotoyaLCedar', '"Droid Sans Japanese"', 'sans-serif',
],
},
},
plugins: [
plugin(({
addBase,
}) => {
addBase({
':root': {
'--color-primary': 'hsl(272deg 51% 54%)',
'--color-foreground': 'hsl(260deg 25% 11%)',
'--color-background': 'hsl(300deg 20% 99%)',
'--color-wash-muted': 'hsl(252deg 4% 44.8%)',
'--color-wash-background': 'hsl(294deg 5.5% 95.3%)',
},
':root.dark': {
'--color-primary': 'hsl(272deg 51% 54%)',
'--color-foreground': 'hsl(256deg 6% 93.2%)',
'--color-background': 'hsl(246deg 6% 9%)',
'--color-wash-muted': 'hsl(253deg 4% 63.7%)',
'--color-wash-background': 'hsl(241deg 5% 14.3%)',
},
});
}),
],
content: [
'./src/**/*.{vue,js}',
'nuxt.config.{js,ts}',
],
};