-
Notifications
You must be signed in to change notification settings - Fork 10
/
tailwind.config.cjs
61 lines (54 loc) · 1.41 KB
/
tailwind.config.cjs
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
const tailwind_theme = require('tailwindcss/defaultTheme')
const daisyui = require('daisyui')
const typography = require('@tailwindcss/typography')
const { themes } = require('./src/lib/themes')
function create_theme(theme_name, font_family) {
return {
[theme_name]: {
...require('daisyui/src/theming/themes')[theme_name],
...(font_family ? { fontFamily: font_family } : {}),
},
}
}
const custom_font = {
corporate: 'Manrope Variable',
cyberpunk: 'Victor Mono Variable',
}
const daisy_themes = themes.map(theme =>
create_theme(theme, custom_font[theme]),
)
const config = {
content: ['./src/**/*.{html,js,svelte,ts}'],
theme: {
screens: {
xs: '475px',
...tailwind_theme.screens,
},
extend: {
fontFamily: {
sans: ['Poppins', ...tailwind_theme.fontFamily.sans],
serif: ['Manrope', ...tailwind_theme.fontFamily.serif],
mono: ['Victor Mono', ...tailwind_theme.fontFamily.mono],
},
typography: {
DEFAULT: {
css: {
maxWidth: null,
img: {
filter:
'drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));',
margin: '0 auto',
},
},
},
},
},
},
daisyui: {
darkTheme: 'night',
themes: daisy_themes,
logs: false,
},
plugins: [typography, daisyui],
}
module.exports = config