cloudaitech/tailwind.config.js at main · vdavidmarques/cloudaitech · 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
 /** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './*.{html,php,js}',
    './components/**/*.{js,php}'
  ],
  theme: {
    colors: {
      white: '#fff',
      black: '#000',
      gray: {
        DEFAULT: "#D9D9D9",
        dark: "#131313",
      },
      red: {
        DEFAULT: '#DF1C1A',
        light: '#F99594',
        dark: '#760604',
        ultradark: '#390000',
      },
      'image-effect': '#860706',
      'image-effect-darker': '#2D0302',

    },
    screens: {
      sm: '640px',
      md: '768px',
      lg: '1024px',
      xl: '1280px',
      '1.5xl': '1440px',
      '2xl': '1536px',
    },
    extend: {
      backgroundImage: {
        'swiper-button-navigation': 'url("/src/icon/arrow-right-circle.svg")',
      }
    },
    fontFamily: {
      'neuro': ['Neuro', "sans-serif"],
      'resamitz': ['Resamitz', "sans-serif"]
    },
  },
  variants: {},
  safelist: [
    'gap-x-16',
    'heading-xxs',
    'heading-xs',
    'heading-sm',
    'heading-md',
    'heading-lg',
    'heading-xl',
    'heading-2xl',
    'font-neuro',
    'group-houver:opacity-0',
    {
      pattern:
        /(bg|text|border)-(gray|red)-(light|dark|ultradark)/,
      variants: ['before', 'after', 'hover', 'focus', 'lg:hover'],
    },
  ],
  plugins: [
  ],
}