-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
40 lines (34 loc) · 1.34 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
/** @type {import('tailwindcss').Config} */
import {iconsPlugin, getIconCollections} from "@egoist/tailwindcss-icons"
export const content = ["./src/**/*.{html,js,vue,jsx,ts,tsx}"]
export const theme = {
screens: {
'sm': '640px',
// => @media (min-width: 640px) { ... }
'md': '768px',
// => @media (min-width: 768px) { ... }
'lg': '1024px',
// => @media (min-width: 1024px) { ... }
'xl': '1280px',
// => @media (min-width: 1280px) { ... }
'2xl': '1536px',
// => @media (min-width: 1536px) { ... }
// Your custom screens
'tablet': '1023px',
'laptop': '1024px',
'desktop': '1280px',
},
extend: {},
}
export const plugins = [
require('@tailwindcss/typography'),
iconsPlugin({
// Select the icon collections you want to use
// You can also ignore this option to automatically discover all individual icon packages you have installed
// If you install @iconify/json, you should explicitly specify the collections you want to use, like this:
collections: getIconCollections(["lucide"]),
// If you want to use all icons from @iconify/json, you can do this:
// collections: getIconCollections("all"),
// and the more recommended way is to use `dynamicIconsPlugin`, see below.
}),
]