56 lines
2.5 KiB
JavaScript
56 lines
2.5 KiB
JavaScript
module.exports = {
|
|
purge: ['./src/**/*.html', './src/**/*.js', './src/**/*.ts', './src/**/*.tsx'],
|
|
darkMode: false, // or 'media' or 'class'
|
|
theme: {
|
|
extend: {
|
|
backgroundImage: () => ({
|
|
texture: `url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%236a49c3' fill-opacity='0.47' fill-rule='evenodd'/%3E%3C/svg%3E");`,
|
|
}),
|
|
animation: {
|
|
'bounce-sm-slow': 'bounce-sm 5s linear infinite',
|
|
'twist-sm-slow': 'twist-sm 10s infinite',
|
|
},
|
|
keyframes: {
|
|
'bounce-sm': {
|
|
'0%, 100%': {
|
|
transform: 'translateY(-3%)',
|
|
animationTimingFunction: 'cubic-bezier(0.8, 0, 1, 1)',
|
|
},
|
|
'50%': {
|
|
transform: 'translateY(0)',
|
|
animationTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)',
|
|
},
|
|
},
|
|
'twist-sm': {
|
|
'0%, 100%': {
|
|
transform: 'rotateY(4deg)',
|
|
},
|
|
'50%': {
|
|
transform: 'perspective(100px)',
|
|
},
|
|
},
|
|
},
|
|
maxWidth: {
|
|
'7xl': '80rem',
|
|
'8xl': '96rem',
|
|
'9xl': '110rem',
|
|
},
|
|
minHeight: {
|
|
md: '28rem',
|
|
},
|
|
fontFamily: {
|
|
'ropa-sans': ['Ropa Sans', 'Arial', 'sans-serif'],
|
|
roboto: ['Roboto', 'Arial', 'sans-serif'],
|
|
},
|
|
skew: {
|
|
'-20': '-20deg',
|
|
},
|
|
borderRadius: {
|
|
half: '50%',
|
|
},
|
|
},
|
|
},
|
|
variants: {},
|
|
plugins: [],
|
|
}
|