upreginadellafamiglia-website/tailwind.config.js at master · lamasfoker/upreginadellafamiglia-website · 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
65
66
67
const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
    mode: 'jit',
    presets: [require('tailwindcss/defaultConfig'), require('xtendui/tailwind.preset')],
    purge: {
        content: [
            './node_modules/xtendui/src/**/*[!.css].js',
            './templates/**/*.html.twig',
            './assets/**/*.css',
            './assets/**/*.js',
            './config/packages/xtendui.yaml',
            './src/Contentful/RichText/Image.php',
            './src/Contentful/RichText/EmbeddedVideo.php',
        ],
        options: {
            safelist: {
                greedy: [
                    /^data-popper-/,
                ],
            },
        },
    },
    theme: {
        extend: {
            screens: {
                'xs': '500px',
            },
            container: {
                center: true,
                padding: {
                    DEFAULT: '1.25rem',
                    sm: '1.5rem',
                    md: '1.5rem',
                    lg: '2rem',
                    xl: '2rem',
                },
            },
            width: {
                '1/7': '14.2857143%'
            },
            colors: {
                "color-1": {
                    light: '#eaeaf2',
                    DEFAULT: '#5a94c7',
                    dark: '#165185'
                },
                "color-2": {
                    DEFAULT: '#e85a37'
                }
            },
            fontFamily: {
                sans: ['Nunito', ...defaultTheme.fontFamily.sans],
            }
        },
        xtendui: {
            layout: {
                component: theme => ({
                    '::selection': {
                        backgroundColor: theme('colors.color-1.DEFAULT'),
                        color: theme('colors.white')
                    },
                }),
            },
        },
    }
}