/**
 * This is a minimal config.
 *
 * If you need the full config, get it from here:
 * https://unpkg.com/browse/tailwindcss@latest/stubs/defaultConfig.stub.js
 */

module.exports = {
	content: [
		/**
		 * HTML. Paths to Django template files that will contain Tailwind CSS classes.
		 */

		/*  Templates within theme app (<tailwind_app_name>/templates), e.g. base.html. */
		"../templates/**/*.html",

		/*
		 * Main templates directory of the project (BASE_DIR/templates).
		 * Adjust the following line to match your project structure.
		 */
		"../../templates/**/*.html",

		/*
		 * Templates in other django apps (BASE_DIR/<any_app_name>/templates).
		 * Adjust the following line to match your project structure.
		 */
		"../../**/templates/**/*.html",

		/**
		 * JS: If you use Tailwind CSS in JavaScript, uncomment the following lines and make sure
		 * patterns match your project structure.
		 */
		/* JS 1: Ignore any JavaScript in node_modules folder. */
		// '!../../**/node_modules',
		/* JS 2: Process all JavaScript files in the project. */
		// '../../**/*.js',

		/**
		 * Python: If you use Tailwind CSS classes in Python, uncomment the following line
		 * and make sure the pattern below matches your project structure.
		 */
		// '../../**/*.py'
	],
	theme: {
		container: {
			center: true,
			padding: {
				DEFAULT: "1rem",
				xl: "0rem",
			},
		},
		extend: {
			fontFamily: {
				nerd: ["DejaVuSansMono"],
			},
			colors: {
				bluelight: {
					DEFAULT: "#317eb1",
					translucent: {
						DEFAULT: "#317eb180",
						dark: "#2facff40",
					},
					dark: "#2facff80",
				},
				greenlight: {
					DEFAULT: "#339649",
					translucent: "#33964930",
				},
				"trans-pride": {
					cyan: {
						DEFAULT: "#e4faff",
						translucent: "#e4faff30",
					},
					white: {
						DEFAULT: "#eeeeeeff",
						translucent: "#eeeeee30",
					},
					pink: {
						DEFAULT: "#ffecf9",
						translucent: "#ffecf930",
					},
				},
			},
		},
	},
	plugins: [
		/**
		 * '@tailwindcss/forms' is the forms plugin that provides a minimal styling
		 * for forms. If you don't like it or have own styling for forms,
		 * comment the line below to disable '@tailwindcss/forms'.
		 */
		require("@tailwindcss/forms"),
		require("@tailwindcss/typography"),
		require("@tailwindcss/aspect-ratio"),
		require("tailwind-scrollbar")
	],
};