How to use the tailwindcss/defaultConfig.theme function in tailwindcss

To help you get started, we’ve selected a few tailwindcss examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github glhd / aire / tailwind.config.js View on Github external
const defaultConfig = require('tailwindcss/defaultConfig');

module.exports = {
	theme: {
		colors: {
			...defaultConfig.theme.colors,
			'salmon': '#f4645f',
		},
		maxWidth: {
			...defaultConfig.theme.maxWidth,
			'4/5': '80%',
		},
	},
	variants: {
		...defaultConfig.variants,
		textColor: ['responsive', 'hover', 'focus', 'group-hover'],
	},
	plugins: [
		require('@tailwindcss/custom-forms'),
	],
};
github glhd / aire / tailwind.config.js View on Github external
const defaultConfig = require('tailwindcss/defaultConfig');

module.exports = {
	theme: {
		colors: {
			...defaultConfig.theme.colors,
			'salmon': '#f4645f',
		},
		maxWidth: {
			...defaultConfig.theme.maxWidth,
			'4/5': '80%',
		},
	},
	variants: {
		...defaultConfig.variants,
		textColor: ['responsive', 'hover', 'focus', 'group-hover'],
	},
	plugins: [
		require('@tailwindcss/custom-forms'),
	],
};
github spatie / laravel-dashboard / tailwind.config.js View on Github external
invers: "var(--color-invers)",
                dimmed: "var(--color-dimmed)",
                accent: "var(--color-accent)",
                canvas: "var(--color-canvas)",
                tile: "var(--color-tile)",
                warning: "var(--color-warning)",
                error: "var(--color-error)",
                success: "var(--color-success)",
            },
            borderColor: (theme) => ({
                default: theme("colors.canvas", "currentColor"),
            }),
            gridTemplateColumns: gridTemplates,
            gridTemplateRows: gridTemplates,
            fontFamily: {
                sans: ["Inter", ...defaultConfig.theme.fontFamily.sans],
            },
        },
    },
    variants: {},
    plugins: [],
};