hamid zarghami
42 lines
1.0 KiB
JavaScript
42 lines
1.0 KiB
JavaScript
const withMT = require("@material-tailwind/react/utils/withMT");
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = withMT({
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: 'black',
|
|
secondary: '#F4F5F9',
|
|
border: '#D0D0D0',
|
|
description: '#888888',
|
|
header: "#C3C7DD",
|
|
success: "#00BA4B"
|
|
},
|
|
width: {
|
|
'sidebar': '300px'
|
|
},
|
|
borderRadius: {
|
|
'2.5': '10px'
|
|
},
|
|
keyframes: {
|
|
'slide-in-right': {
|
|
'0%': { transform: 'translateX(100%)', opacity: '0' },
|
|
'100%': { transform: 'translateX(0)', opacity: '1' }
|
|
},
|
|
'slide-out-right': {
|
|
'0%': { transform: 'translateX(0)', opacity: '1' },
|
|
'100%': { transform: 'translateX(100%)', opacity: '0' }
|
|
}
|
|
},
|
|
animation: {
|
|
'slide-in-right': 'slide-in-right 0.3s ease-out',
|
|
'slide-out-right': 'slide-out-right 0.3s ease-out'
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
}) |