|
|
@ -6,6 +6,28 @@ module.exports = {
|
|
|
|
darkMode: 'class',
|
|
|
|
darkMode: 'class',
|
|
|
|
theme: {
|
|
|
|
theme: {
|
|
|
|
extend: {
|
|
|
|
extend: {
|
|
|
|
|
|
|
|
keyframes: {
|
|
|
|
|
|
|
|
'fade-in': {
|
|
|
|
|
|
|
|
'0%': {
|
|
|
|
|
|
|
|
opacity: '0'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
'100%': {
|
|
|
|
|
|
|
|
opacity: '1'
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
'fade-out': {
|
|
|
|
|
|
|
|
'0%': {
|
|
|
|
|
|
|
|
opacity: '1'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
'100%': {
|
|
|
|
|
|
|
|
opacity: '0'
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
animation: {
|
|
|
|
|
|
|
|
'fade-in': 'fade-in 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)',
|
|
|
|
|
|
|
|
'fade-out': 'fade-out 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)'
|
|
|
|
|
|
|
|
},
|
|
|
|
colors: {
|
|
|
|
colors: {
|
|
|
|
neutral: colors.slate,
|
|
|
|
neutral: colors.slate,
|
|
|
|
positive: colors.green,
|
|
|
|
positive: colors.green,
|
|
|
|