-
Notifications
You must be signed in to change notification settings - Fork 11
/
tailwind.js
115 lines (115 loc) · 4.85 KB
/
tailwind.js
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: ['class', '[data-theme="dark"]'],
content: [
'./app/**/*.{hbs,js}',
'./addon/**/*.{hbs,js}',
'./node_modules/@fleetbase/ember-ui/addon/**/*.{hbs,js}',
'./node_modules/@fleetbase/ember-ui/addon/templates/*.{hbs,js}',
'./node_modules/@fleetbase/ember-ui/addon/templates/**/*.{hbs,js}',
'./node_modules/@fleetbase/ember-ui/addon/components/*.{hbs,js}',
'./node_modules/@fleetbase/ember-ui/addon/components/**/*.{hbs,js}',
'./node_modules/@fleetbase/ember-core/addon/**/*.{hbs,js}',
'./node_modules/@fleetbase/fleetops-engine/addon/**/*.{hbs,js}',
'./node_modules/@fleetbase/storefront-engine/addon/**/*.{hbs,js}',
'./node_modules/@fleetbase/*-engine/addon/**/*.{hbs,js}',
'./node_modules/**/*-engine/addon/**/*.{hbs,js}',
'../packages/*-engine/addon/**/*.{hbs,js}',
],
theme: {
extend: {
gridTemplateColumns: {
span: ['span 1', 'span 2', 'span 3', 'span 4', 'span 5', 'span 6', 'span 7', 'span 8', 'span 9', 'span 10', 'span 11', 'span 12'],
},
ringColor: {
DEFAULT: 'transparent',
},
colors: {
sky: {
100: '#e6f0fb',
200: '#bad5f5',
300: '#8dbbef',
400: '#61a0e8',
500: '#3485e2',
600: '#1c6cc7',
700: '#16539a',
800: '#103b6d',
900: '#092341',
},
nightsky: {
100: '#0d2f57',
200: '#092340',
300: '#06172a',
400: '#030b14',
},
night: {
801: '#222C3C',
802: '#202A3A',
803: '#1D2737',
804: '#1B2535',
805: '#182232',
901: '#131B2B',
902: '#111929',
903: '#0E1626',
904: '#0C1424',
905: '#091121',
},
midnight: {
100: '#555555',
200: '#484848',
300: '#3b3b3b',
400: '#2e2e2e',
500: '#222222',
600: '#151515',
700: '#080808',
},
moregray: {
750: '#283345',
850: '#212a38',
},
},
boxShadow: {
xs: '0 0 0 1px rgba(0,0,0, 0.05)',
'light-xs': '0 0 0 1px rgba(212,220,236, 0.05)',
'light-sm': '0 1px 2px 0 rgba(212,220,236, 0.05)',
light: '0 1px 3px 0 rgba(212,220,236, 0.1), 0 1px 2px 0 rgba(212,220,236, 0.06)',
'light-md': '0 4px 6px -1px rgba(212,220,236, 0.1), 0 2px 4px -1px rgba(212,220,236, 0.06)',
'light-lg': '0 10px 15px -3px rgba(212,220,236, 0.1), 0 4px 6px -2px rgba(212,220,236, 0.05)',
'light-xl': '0 20px 25px -5px rgba(212,220,236, 0.1), 0 10px 10px -5px rgba(212,220,236, 0.04)',
'light-2xl': '0 25px 50px -12px rgba(212,220,236, 0.25)',
'light-3xl': '0 35px 60px -15px rgba(212,220,236, 0.3)',
pop: '0 0 2.25rem #d4dcec',
'pop-less': '0 0 1rem #d4dcec',
'pop-lesser': '0 0 .5rem #d4dcec',
'pop-least': '0 0 .25rem #d4dcec',
'dark-overlay': '-5px 10px 13px 3px rgba(0,0,0,0.3)',
'dark-overlay-gray': '-5px 10px 13px 3px rgba(26, 32, 44, .5)',
'overlay-inner': 'inset 0 1px 5px 0 rgba(0, 0, 0, 0.3)',
'next-nav': 'rgba(0 0 0 / 35%) 0px 7px 32px',
},
width: {
70: '18rem',
74: '22rem',
78: '26rem',
82: '28rem',
86: '30rem',
},
spacing: {
70: '18rem',
74: '22rem',
78: '26rem',
82: '28rem',
86: '30rem',
},
},
},
variants: {
boxShadow: ['responsive', 'hover', 'focus', 'group-focus', 'dark'],
backgroundColor: ['responsive', 'hover', 'focus', 'dark', 'dark-hover', 'dark-group-hover', 'dark-even', 'dark-odd'],
borderColor: ['responsive', 'hover', 'focus', 'dark', 'dark-disabled', 'dark-focus', 'dark-focus-within'],
border: ['hover', 'focus', 'dark', 'dark-disabled', 'dark-focus'],
textColor: ['responsive', 'hover', 'focus', 'dark', 'dark-hover', 'dark-active', 'dark-placeholder'],
maxWidth: ['responsive', 'hover', 'focus'],
},
plugins: [require('@tailwindcss/forms')],
};