54 lines
1.1 KiB
TypeScript
54 lines
1.1 KiB
TypeScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./src/**/*.{html,templ,go}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
animation: {
|
|
progress: 'progress 1s infinite linear',
|
|
},
|
|
keyframes: {
|
|
progress: {
|
|
'0%': { transform: ' translateX(0) scaleX(0)' },
|
|
'40%': { transform: 'translateX(0) scaleX(0.4)' },
|
|
'100%': { transform: 'translateX(100%) scaleX(0.5)' },
|
|
},
|
|
},
|
|
transformOrigin: {
|
|
'left-right': '0% 50%',
|
|
},
|
|
colors: {
|
|
"c-bg": "var(--c-bg)",
|
|
"c-on-bg": "var(--c-on-bg)",
|
|
}
|
|
},
|
|
},
|
|
corePlugins: {
|
|
container: false
|
|
},
|
|
plugins: [
|
|
function({ addComponents }) {
|
|
addComponents({
|
|
'.container': {
|
|
maxWidth: '95%',
|
|
margin: "auto",
|
|
'@screen sm': {
|
|
maxWidth: '640px',
|
|
},
|
|
'@screen md': {
|
|
maxWidth: '768px',
|
|
},
|
|
'@screen lg': {
|
|
maxWidth: '1024px',
|
|
},
|
|
'@screen xl': {
|
|
maxWidth: '1280px',
|
|
},
|
|
}
|
|
})
|
|
}
|
|
],
|
|
}
|
|
|