45e8b96f9f
Remove Tailwind Compatibility Mode and PostCSS. Install newest tailwind and configure it to use JIT-Mode. Setup npm run scripts to run TailwindCSS CLI and Parcel in parallel. The Tailwind index.css and all .html/.ts files are scanned live and generated to /css/index-tailwind-output which is in turn included in index.html.
33 lines
753 B
JavaScript
33 lines
753 B
JavaScript
const plugin = require('tailwindcss/plugin')
|
|
|
|
module.exports = {
|
|
mode: 'jit',
|
|
purge: [
|
|
'./**/*.html',
|
|
'./**/*.ts',
|
|
],
|
|
darkMode: false, // or 'media' or 'class'
|
|
theme: {
|
|
extend: {
|
|
maxHeight: {
|
|
'65vh': '65vh',
|
|
'20vh': '20vh',
|
|
}
|
|
},
|
|
},
|
|
variants: {
|
|
extend: {
|
|
ringColor: ['hover'],
|
|
}
|
|
},
|
|
plugins: [
|
|
plugin(function ({ addVariant, e }) {
|
|
addVariant('landscape', ({ modifySelectors, separator }) => {
|
|
modifySelectors(({ className }) => {
|
|
return `.${e(`landscape${separator}${className}`)}:landscape`
|
|
})
|
|
})
|
|
})
|
|
|
|
]
|
|
}
|