1 | module.exports = {
|
2 | theme: {
|
3 | extend: {
|
4 | screens: {
|
5 | '-2xl': { max: '1535px' },
|
6 | '-xl': { max: '1279px' },
|
7 | '-lg': { max: '1023px' },
|
8 | '-md': { max: '767px' },
|
9 | '-sm': { max: '639px' },
|
10 | 'hover-none': { raw: '(hover: none), (pointer: coarse)' },
|
11 | 'hover-hover': { raw: '(hover: hover), not (pointer: coarse)' },
|
12 | },
|
13 | fontSize: {
|
14 | '4xs': ['0.625rem', { lineHeight: '1rem' }],
|
15 | '3xs': ['0.6875rem', { lineHeight: '1rem' }],
|
16 | '2xs': ['0.75rem', { lineHeight: '1rem' }],
|
17 | xs: ['0.8125rem', { lineHeight: '1rem' }],
|
18 | },
|
19 | colors: {
|
20 | primary: {
|
21 | 50: '#f0f7ff',
|
22 | 100: '#d6e9ff',
|
23 | 200: '#a3ceff',
|
24 | 300: '#6bb0ff',
|
25 | 400: '#3895ff',
|
26 | 500: '#0067dd',
|
27 | 600: '#0057bb',
|
28 | 700: '#004799',
|
29 | 800: '#003066',
|
30 | 900: '#001833',
|
31 | },
|
32 | },
|
33 | zIndex: {
|
34 | below: '-1',
|
35 | slide: '200',
|
36 | content: '300',
|
37 | drop: '400',
|
38 | tooltip: '500',
|
39 | sticky: '900',
|
40 | above: '1000',
|
41 | overlay: '5000',
|
42 | last: '10000',
|
43 | },
|
44 | inset: {
|
45 | 100: '100%',
|
46 | },
|
47 | borderRadius: {
|
48 | inherit: 'inherit',
|
49 | xs: '0.125rem',
|
50 | sm: '0.1875rem',
|
51 | },
|
52 | cursor: {
|
53 | none: 'none',
|
54 | },
|
55 | outline: {
|
56 | browser: '5px auto Highlight',
|
57 | },
|
58 | transitionDelay: {
|
59 | ...require('./src/animation.css.js').transitionDelay,
|
60 | },
|
61 | transitionDuration: {
|
62 | ...require('./src/animation.css.js').transitionDuration,
|
63 | },
|
64 | transitionTimingFunction: {
|
65 | ...require('./src/animation.css.js').transitionTimingFunction,
|
66 | },
|
67 | animation: {
|
68 | ...require('./src/animation.css.js').animation,
|
69 | },
|
70 | keyframes: theme => ({
|
71 | ...require('./src/animation.css.js').keyframes(theme),
|
72 | }),
|
73 | },
|
74 | },
|
75 | plugins: [require('./tailwind.plugin')],
|
76 | }
|