gpm/tailwind.config.js at main · clingen-data-model/gpm · 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
68
69
70
71
72
73
import { iconsPlugin, getIconCollections } from '@egoist/tailwindcss-icons'

export default {
    content: [
        './resources/js/**/*.{vue,js}',
        './resources/assets/*'
    ],
    theme: {
        extend: {
            fontSize: {
                'xxs': '.65rem',
                'sm': '.825rem',
                'md-lg': '1.01rem'
            },
            width: {
                '36': '9rem',
            },
            maxWidth: {
                '28': '7rem',
                '32': '8rem',
                '36': '9rem',
                '40': '10rem',
                '48': '12rem',
                '56': '14rem',
                '60': '15rem',
                '64': '16rem',
                '68': '17rem',
                '72': '18rem',
                '76': '19rem',
                '80': '20rem',
            },
            minHeight: {
                '0': '0',
                '1/4': '25%',
                '1/2': '50%',
                '2/3': '66%',
                '3/4': '75%',
                'full': '100%'
            },
            minWidth: {
                '4': '1rem',
                '8': '2rem',
                '16': '4rem',
                '24': '6rem',
                '28': '7rem',
                '32': '8rem',
                '40': '10rem',
                '48': '12rem',
            },
        },
        container: {
            padding: {
                DEFAULT: '1rem',
                sm: '1rem',
                md: '2rem',
                lg: '3rem'
            }
        },
        screens: {
            'sm': '640px',
            'md': '768px',
            'lg': '1024px',
            'xl': '1280px',
            '2xl': '1536px',
            'print': { 'raw': 'print' }
        },
    },
    plugins: [
        iconsPlugin({
            collections: getIconCollections(['lucide']),
        }),
    ],
}