shapesmith-studio-web/tailwind.config.js at master · J-Krush/shapesmith-studio-web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
// /** @type {import('tailwindcss').Config} */

// module.exports = {
//   content: [
//     "./src/**/*.{js,jsx,ts,tsx}",
//   ],
//   theme: {
//     extend: {
//       backgroundImage: {
//         'landing-hero-bg': "url('/src/assets/header.png')",
//       },
//       fontFamily: {
//         'poppins': ['Poppins', 'sans-serif']
//       },

//     }
//   },
//   plugins: [],
// }


const colors = require('tailwindcss/colors');

module.exports = {
	content: ['./src/**/*.{js,jsx,ts,tsx}'],
	darkMode: 'class',
	theme: {


		extend: {
			colors: {
				'primary-light': '#F7F8FC',
				'secondary-light': '#FFFFFF',
				'ternary-light': '#f6f7f8',

				'secondary-section-light': '#d1d1d1ff',


				'primary-dark': '#291c30',
				'secondary-dark': '#102D44',
				'ternary-dark': '#1E3851',

				'secondary-section-dark': '#594a60',
				'ternary-section-dark': '#94989c',

				'accent': '#348bd8',
				'accent-highlight': '#3c6eb1',
			},
			container: {
				padding: {
					DEFAULT: '1rem',
					sm: '2rem',
					lg: '5rem',
					xl: '6rem',
					'2xl': '8rem',
				},
			},
		},
	},
	variants: {
		extend: { opacity: ['disabled'] },
	},
	plugins: ['@tailwindcss/forms'],
};