69 lines
2.0 KiB
JavaScript
69 lines
2.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',
|
|
},
|
|
boxShadow: {
|
|
yellow: '0 0 60px 20px #6b6237'
|
|
},
|
|
// 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' },
|
|
},
|
|
})
|
|
},
|
|
},
|
|
plugins: [
|
|
require('tailwind-scrollbar')
|
|
],
|
|
}; |