[init] -init version
This commit is contained in:
50
tailwind.config.js
Normal file
50
tailwind.config.js
Normal file
@@ -0,0 +1,50 @@
|
||||
module.exports = {
|
||||
important: true,
|
||||
|
||||
prefix: '',
|
||||
purge: {
|
||||
content: [
|
||||
'./src/**/*.{html,ts}',
|
||||
]
|
||||
},
|
||||
darkMode: 'class', // or 'media' or 'class'
|
||||
theme: {
|
||||
extend: {
|
||||
spacing:
|
||||
{
|
||||
menu: '255px',
|
||||
'33%': '33%',
|
||||
'48%': '48%',
|
||||
'24%': '24%'
|
||||
},
|
||||
},
|
||||
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) { ... }
|
||||
}
|
||||
},
|
||||
variants: {
|
||||
extend: {
|
||||
opacity: ['disabled'],
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
require("@tailwindcss/forms")({
|
||||
strategy: 'class',
|
||||
}),
|
||||
require('@tailwindcss/line-clamp'),
|
||||
require('@tailwindcss/typography')
|
||||
],
|
||||
};
|
||||
Reference in New Issue
Block a user