theia/tailwind.config.js
2024-05-31 17:15:16 +02:00

50 lines
1.0 KiB
JavaScript

const config = {
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
theme: {
extend: {
animation: {
"slide-in-right": 'slide-in-right 2s ease-out forwards',
"blur-away": 'blur-away 9s ease-out forwards',
},
keyframes: {
"slide-in-right": {
'0%': {
transform: 'translateX(100%)',
opacity: 0,
},
'100%': {
transform: 'translateX(0%)',
opacity: 1,
},
},
"blur-away": {
'0%': {
opacity: 1,
},
'80%': {
opacity: 1,
},
'100%': {
opacity: 0,
},
},
},
},
fontFamily: {
sans: ['Roboto Condensed', 'system-ui', 'sans-serif'],
},
colors: {
...require('tailwindcss/colors'),
turquoise: "#19debb",
"muted-gray": "#97979d",
convo: {
bar: "#656566",
bg: "#252526",
},
},
},
plugins: [],
};
export default config;