91 lines
3.0 KiB
JavaScript
91 lines
3.0 KiB
JavaScript
const { createGlobPatternsForDependencies } = require('@nx/react/tailwind');
|
|
const { join } = require('path');
|
|
|
|
module.exports = {
|
|
content: [
|
|
...createGlobPatternsForDependencies(
|
|
__dirname + '../../../libraries/react-shared-libraries'
|
|
),
|
|
join(
|
|
__dirname + '../../../libraries/react-shared-libraries',
|
|
'{src,pages,components,app}/**/*!(*.stories|*.spec).{ts,tsx,html}'
|
|
),
|
|
join(
|
|
__dirname,
|
|
'{src,pages,components,app}/**/*!(*.stories|*.spec).{ts,tsx,html}'
|
|
),
|
|
...createGlobPatternsForDependencies(__dirname),
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: '#000',
|
|
secondary: '#090B13',
|
|
third: '#080B13',
|
|
forth: '#612AD5',
|
|
fifth: '#28344F',
|
|
sixth: '#0B101B',
|
|
seventh: '#7236f1',
|
|
gray: '#8C8C8C',
|
|
input: '#131B2C',
|
|
inputText: '#64748B',
|
|
tableBorder: '#1F2941',
|
|
},
|
|
gridTemplateColumns: {
|
|
13: 'repeat(13, minmax(0, 1fr));',
|
|
},
|
|
backgroundImage: {
|
|
loginBox: 'url(/auth/login-box.png)',
|
|
loginBg: 'url(/auth/bg-login.png)',
|
|
},
|
|
animation: {
|
|
fade: 'fadeOut 0.5s ease-in-out',
|
|
overflow: 'overFlow 0.5s ease-in-out forwards',
|
|
overflowReverse: 'overFlowReverse 0.5s ease-in-out forwards',
|
|
fadeDown: 'fadeDown 4s ease-in-out forwards',
|
|
normalFadeDown: 'normalFadeDown 0.5s ease-in-out forwards',
|
|
newMessages: 'newMessages 1s ease-in-out 4s forwards',
|
|
},
|
|
boxShadow: {
|
|
yellow: '0 0 60px 20px #6b6237',
|
|
yellowToast: '0px 0px 50px rgba(252, 186, 3, 0.3)',
|
|
greenToast: '0px 0px 50px rgba(60, 124, 90, 0.3)',
|
|
},
|
|
// that is actual animation
|
|
keyframes: (theme) => ({
|
|
fadeOut: {
|
|
'0%': { opacity: 0, transform: 'translateY(30px)' },
|
|
'100%': { opacity: 1, transform: 'translateY(0)' },
|
|
},
|
|
overFlow: {
|
|
'0%': { overflow: 'hidden' },
|
|
'99%': { overflow: 'hidden' },
|
|
'100%': { overflow: 'visible' },
|
|
},
|
|
overFlowReverse: {
|
|
'0%': { overflow: 'visible' },
|
|
'99%': { overflow: 'visible' },
|
|
'100%': { overflow: 'hidden' },
|
|
},
|
|
fadeDown: {
|
|
'0%': { opacity: 0, transform: 'translateY(-30px)' },
|
|
'10%': { opacity: 1, transform: 'translateY(0)' },
|
|
'85%': { opacity: 1, transform: 'translateY(0)' },
|
|
'90%': { opacity: 1, transform: 'translateY(10px)' },
|
|
'100%': { opacity: 0, transform: 'translateY(-30px)' },
|
|
},
|
|
normalFadeDown: {
|
|
'0%': { opacity: 0, transform: 'translateY(-30px)' },
|
|
'100%': { opacity: 1, transform: 'translateY(0)' },
|
|
},
|
|
newMessages: {
|
|
'0%': { backgroundColor: '#7236f1', fontWeight: 'bold' },
|
|
'99%': { backgroundColor: '#080B13', fontWeight: 'bold' },
|
|
'100%': { backgroundColor: '#080B13', fontWeight: 'normal' },
|
|
},
|
|
}),
|
|
},
|
|
},
|
|
plugins: [require('tailwind-scrollbar')],
|
|
};
|