60 lines
1.1 KiB
JavaScript
60 lines
1.1 KiB
JavaScript
const plugin = require('tailwindcss/plugin');
|
|
|
|
module.exports = {
|
|
presets: [require('jingrow-ui/src/utils/tailwind.config')],
|
|
content: [
|
|
'./public/index.html',
|
|
'./src/**/*.html',
|
|
'./src/**/*.vue',
|
|
'./src2/**/*.vue',
|
|
'./src/assets/*.css',
|
|
'./node_modules/jingrow-ui/src/components/**/*.{vue,js,ts}'
|
|
],
|
|
theme: {
|
|
extend: {
|
|
width: {
|
|
112: '28rem',
|
|
wizard: '650px'
|
|
},
|
|
minWidth: {
|
|
40: '10rem'
|
|
},
|
|
maxHeight: {
|
|
52: '13rem'
|
|
}
|
|
},
|
|
container: {
|
|
padding: {
|
|
xl: '5rem'
|
|
},
|
|
margin: {
|
|
3.5: '14px'
|
|
}
|
|
},
|
|
screens: {
|
|
sm: '640px',
|
|
md: '768px',
|
|
lg: '1024px',
|
|
xl: '1280px'
|
|
}
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/container-queries'),
|
|
plugin(function ({ addUtilities, theme }) {
|
|
// Add your custom styles here
|
|
addUtilities({
|
|
'.bg-gradient-blue': {
|
|
'background-image': `linear-gradient(180deg,#2c9af1 0%, ${theme(
|
|
'colors.blue.500'
|
|
)} 100%)`
|
|
}
|
|
});
|
|
addUtilities({
|
|
'.bg-gradient-none': {
|
|
'background-image': 'none'
|
|
}
|
|
});
|
|
})
|
|
]
|
|
};
|