y3-app
Version:
CLI to add your project structure
42 lines (41 loc) • 1.03 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getTailwindConfig = getTailwindConfig;
function getTailwindConfig(projectType) {
return `/** @type {import('tailwindcss').Config} */
import fluid, { extract, screens, fontSize } from 'fluid-tailwind';
export default {
content: {
files: ['./index.html', './${projectType === 'fullstack' ? 'frontend' : 'src'}/**/*.{js,ts,jsx,tsx}'],
extract,
screens,
fontSize,
},
theme: {
extend: {
screens: {
xs: '20rem',
sm: '24rem',
md: '28rem',
lg: '32rem',
xl: '36rem',
'2xl': '42rem',
'3xl': '48rem',
'4xl': '56rem',
'5xl': '64rem',
},
colors: {
// Add your custom colors here
primary: '#3B82F6',
secondary: '#10B981',
},
fontFamily: {
// Add your custom fonts here
sans: ['Inter', 'sans-serif'],
},
},
},
plugins: [fluid],
};
`;
}