/** @type {import('tailwindcss').Config} */
const tailwindcss = require("tailwindcss");

module.exports = {
	content: [
		"./Resources/Private/Templates/**/*.html",
		"./Resources/Private/Partials/**/*.html",
		"./Resources/Private/Layouts/**/*.html",
		"./Resources/Private/PageView/**/*.html",
		"./Resources/Private/ContentElements/**/*.html",
		"./ContentBlocks/**/*.html",
	],
	theme: {
		extend: {
			maxWidth: {
				1200: "1200px",
			},
			fontFamily: {
				roboto: ['"Roboto"', "sans-serif"],
				"roboto-mono": ['"Roboto Mono"', "monospace"],
				"roboto-slab": ['"Roboto Slab"', "serif"],
				awesome: '"FONT AWESOME 5 FREE"',
			},
			fontSize: {
				"5xs": "0.25rem",
				"4xs": "0.375rem",
				"3xs": "0.5rem",
				"2xs": "0.625rem",
				11: "0.6875rem",
				13: "0.8125rem",
				15: "0.9375rem",
				35: "2.1875rem",
				"2.5xl": "1.625rem",
			},
			colors: {
				"primary": "#B28564",
				"color-brown": "#B28564",
				"color-orange": "#FF7F00",
				"color-red": "#f00",
				"color-notification-red": "#b81c23",
				"color-input-red": "#a00",
				"color-input-green": "#69bf29",
				"color-white": "#fff",
				"color-black": "#000",
				"color-soft-black": "#181818",
				"color-soft-black-2": "#191919",
				"color-gray": "#e5e5e5",
				"color-ccc": "#ccc",
				"color-dark-gray": "#a9a9a9",
				"color-transparent": "transparent",
			},
			spacing: {
				0.5: "0.125rem",
				2.5: "0.625rem",
				3.5: "0.875rem",
				3.75: "0.9375rem",
				7.5: "1.875rem",
				15: "3.75rem",
				17: "4.25rem",
				22: "5.5rem",
				30: "7.5rem",
				13: "3.25rem",
				18: "4.5rem",
				// '18': '4.5rem',
				// '26': '6.5rem',
			},
			opacity: {
				15: ".15",
			},
			boxShadow: {
				1: "0 0 5px 0 rgba(0, 0, 0, 0.2)",
				2: "0 0 10px 1px rgba(0, 0, 0, 0.2)",
				3: "0 0 15px 1px rgba(0, 0, 0, 0.2)",
				input: "0 3px 7px 0px rgba(0, 0, 0, 0.1)",
				smooth: "0 0 7px 0px rgba(0, 0, 0, 0.1)",
			},
			borderWidth: {
				3: "3px",
			},
			transitionDuration: {
				400: "400ms",
			},
			screens: {
				368: "368px",
				998: "998px",
			},
			gridTemplateColumns: {
				"blog-container-1": "1fr 280px",
				"table-template-2":
					"calc(23px + (2 * 15px)) calc(4.5rem + (2 * 15px)) 1fr repeat(2, minmax(150px, .4fr)) minmax(150px, .5fr)",
			},
		},
	},
	plugins: [tailwindcss],
};
