Personal-Site/tailwind.config.cjs

43 lines
970 B
JavaScript
Raw Normal View History

2023-04-13 12:04:57 -04:00
const defaultTheme = require('tailwindcss/defaultTheme');
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
2023-08-03 14:30:41 -04:00
darkMode: 'class',
theme: {
extend: {
2024-01-14 15:10:41 -05:00
colors: {
primary: '#294861',
},
2023-04-13 12:04:57 -04:00
fontFamily: {
'sans': ['Open Sans', defaultTheme.fontFamily.sans],
},
keyframes: {
wiggle: {
'0%, 100%': { transform: 'rotate(-5deg)' },
'50%': { transform: 'rotate(5deg)' },
},
2023-08-03 14:30:41 -04:00
text: {
'0%, 100%': {
'background-size': '200% 200%',
'background-position': 'left center',
},
'50%': {
'background-size': '200% 200%',
'background-position': 'right center',
},
},
},
animation: {
'wiggle-infinite': 'wiggle 1s ease-in-out infinite',
wiggle: 'wiggle 1s ease-in-out',
2023-08-03 14:30:41 -04:00
'text': 'text 15s ease infinite'
}
},
},
2023-08-03 14:30:41 -04:00
plugins: [
require("daisyui"),
require('@tailwindcss/typography')
],
}