-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.cjs
46 lines (44 loc) · 1.25 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
/** @type {import('tailwindcss').Config} */
const colors = require('tailwindcss/colors');
const defaultTheme = require("tailwindcss/defaultTheme");
const config = {
content: [
'./src/**/*.{html,js,svelte,ts}',
'./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}',
'./node_modules/flowbite/**/*.js'
],
plugins: [require('flowbite/plugin'), require('daisyui'), require('@tailwindcss/typography')],
darkMode: 'class',
theme: {
colors: {
...colors,
beridoorDarkModeBg: '#1d232a',
beridoorLightModeSecondaryText: '#475569', // tailwind slate-600
beridoorDarkModeSecondaryText: '#a1a1aa', // tailwind zinc-400
beridoorBlue: '#143143',
beridoorBlueLighter: '#1f3864',
beridoorBlueLightest: '#155e75'
},
screens: {
xxs: '400px',
xs: '500px',
sm: '640px',
// => @media (min-width: 640px) { ... }
md: '768px',
// => @media (min-width: 768px) { ... }
lg: '1024px', // default in tailwind is 1024
// => @media (min-width: 1024px) { ... }
xl: '1280px',
// => @media (min-width: 1280px) { ... }
'2xl': '1536px',
// => @media (min-width: 1536px) { ... }
'3xl': '2300px'
},
extend: {
fontFamily: {
sans: ['Inter', 'InterVariable', ...defaultTheme.fontFamily.sans]
},
}
},
};
module.exports = config;