-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathtailwind.config.js
More file actions
152 lines (145 loc) · 6.8 KB
/
Copy pathtailwind.config.js
File metadata and controls
152 lines (145 loc) · 6.8 KB
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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
const { url } = require('inspector');
const colors = require('tailwindcss/colors');
/** @typedef { import('tailwindcss/tailwind-config').TailwindConfig } TailwindConfig */
/** @typedef { import('tailwindcss/tailwind-config').TailwindThemeValue } TailwindThemeValue */
const defaultTheme = require('tailwindcss/defaultTheme');
/**
* @type {TailwindThemeValue}
*/
const width = ({ theme, breakpoints, colors, negative }, ...args) => {
return { 'page-full': '1200px', ...theme('spacing') };
};
/**
* @type {TailwindConfig}
*/
module.exports = {
content: ['./src/{pages,components,templates}/**/*.{js,ts,jsx,tsx}'],
darkMode: 'class',
theme: {
backgroundImage: {
'custom-gradient': 'linear-gradient(92deg, #000203 0.1%, #00070C 98.07%)',
'home-header-bg-1': "url('/images/new/home/home-header-1.png')",
'home-header-bg-2': "url('/images/new/home/home-header-2.png')",
'home-header-bg-3': "url('/images/new/home/home-header-3.png')",
'home-header-bg-4': "url('/images/new/home/home-header-4.png')",
'home-header-bg-5': "url('/images/new/home/header-image-4.png')",
'home-header-bg-6': "url('/images/new/home/home-header-5.png')",
'home-header-bg-7': "url('/images/new/home/home-header-6.png')",
'company-header-bg': "url('/images/new/company/company-header-bg.svg')",
'product-header-bg': "url('/images/new/product/product-header-bg.svg')",
'kacpta-header-bg': "url('/images/new/interview/clientbgimage/KacptaBgImage.png')",
'pyeongtaek-header-bg': "url('/images/new/interview/clientbgimage/PyeongtaekBgImage.png')",
'sangju-header-bg': "url('/images/new/interview/clientbgimage/SangjuBgImage.png')",
'kepri-header-bg': "url('/images/new/interview/clientbgimage/KepriBgImage.png')",
'dapa-header-bg': "url('/images/new/interview/clientbgimage/DapaBgImage.png')",
'comwel-header-bg': "url('/images/new/interview/clientbgimage/ComwelBgImage.png')",
'army-header-bg': "url('/images/new/interview/clientbgimage/ArmyBgImage.png')",
'gyeongnam-header-bg': "url('/images/new/interview/clientbgimage/GyeongnamBgImage.png')",
'coocon-header-bg': "url('/images/new/interview/clientbgimage/CooconBgImage.png')",
'yit-header-bg': "url('/images/new/interview/clientbgimage/YitBgImage.png')",
'usc-header-bg': "url('/images/new/interview/clientbgimage/UscBgImage.png')",
't3q-header-bg': "url('/images/new/interview/clientbgimage/T3qBgImage.png')",
'hc-header-bg': "url('/images/new/interview/clientbgimage/HcBgImage.png')",
'ekr-header-bg': "url('/images/new/interview/clientbgimage/EkrBgImage.png')",
'kipo-header-bg': "url('/images/new/interview/clientbgimage/KipoBgImage.png')",
'gb-header-bg': "url('/images/new/interview/clientbgimage/GbBgImage.png')",
'ycg-header-bg': "url('/images/new/interview/clientbgimage/YcgBgImage.png')",
'goryeong-header-bg': "url('/images/new/interview/clientbgimage/GoryeongBgImage.png')",
'cnuh-header-bg': "url('/images/new/interview/clientbgimage/CnuhBgImage.png')",
'gntel-header-bg': "url('/images/new/interview/clientbgimage/GntelBgImage.png')",
'spo-header-bg': "url('/images/new/interview/clientbgimage/SpoBgImage.png')",
'dtaq-header-bg': "url('/images/new/interview/clientbgimage/DtaqBgImage.png')",
'datastreams-header-bg': "url('/images/new/interview/clientbgimage/DatastreamsBgImage.png')",
'ablestack-header-bg': "url('/images/new/product/ablestack/ablestack-header-bg.svg')",
'ablestack-block-header-bg':
"url('/images/new/product/ablestack/ablestackBlock/ablestackBlock-header-bg.png')",
'ablestack-cell-header-bg':
"url('/images/new/product/ablestack/ablestackCell/ablestackCell-header-bg.png')",
'ablestack-files-header-bg':
"url('/images/new/product/ablestack/ablestackFiles/ablestackFiles-header-bg.svg')",
'ablestack-genie-header-bg':
"url('/images/new/product/ablestack/ablestackGenie/ablestackGenie-header-bg.png')",
'ablestack-genie-header-fw':
"url('/images/new/product/ablestack/ablestackGenie/ablestack-genie-header-fw.png')",
'ablestack-glue-header-bg':
"url('/images/new/product/ablestack/ablestackGlue/ablestackGlue-header-bg.svg')",
'ablestack-koral-header-bg':
"url('/images/new/product/ablestack/ablestackKoral/ablestackKoral-header-bg.svg')",
'ablestack-mold-header-bg':
"url('/images/new/product/ablestack/ablestackMold/ablestackMold-header-bg.svg')",
'ablestack-object-header-bg':
"url('/images/new/product/ablestack/ablestackObject/ablestackObject-header-bg.svg')",
'ablestack-slio-header-bg':
"url('/images/new/product/ablestack/ablestackSlio/ablestackSlio-header-bg.svg')",
'ablestack-station-header-bg':
"url('/images/new/product/ablestack/ablestackStation/ablestackStation-header-bg.svg')",
'ablestack-track-header-bg':
"url('/images/new/product/ablestack/ablestackTrack/ablestackTrack-header-bg.svg')",
'ablestack-wall-header-bg':
"url('/images/new/product/ablestack/ablestackWall/ablestackWall-header-bg.svg')",
'ablestack-works-header-bg':
"url('/images/new/product/ablestack/ablestackWorks/ablestackWorks-header-bg.svg')",
'ablestack-station-header-bg':
"url('/images/new/product/ablestack/ablestackStation/ablestackStation-header-bg.svg')",
},
fontFamily: { sans: ['Noto Sans', 'SUIT'] },
extend: {
screens: {
xsm: '550px',
xlg: '1200px',
// => @media (min-width: 550px) { ... }
},
boxShadow: {
ic: '0px 0px 8px rgba(33, 81, 162, 0.25)',
primary: 'inset 0 -4px #2bbae6',
//interviewCard boxshadow
},
colors: {
transparent: 'transparent',
current: 'currentColor',
black: colors.black,
white: colors.white,
gray: colors.slate,
green: colors.emerald,
purple: colors.violet,
yellow: colors.amber,
pink: colors.fuchsia,
primary: '#00D0FF',
borderGray: '#D4D4D4',
backgroudGray: '#F6F7F9',
backgroundBlue: '#71A6CE',
darkBlue: '#2151A2',
kacptaHeaderColor: 'rgba(123, 137, 146, 0.6)',
},
borderWidth: {
1: '1px',
0.5: '0.5px',
},
spacing: { 128: '32rem', 144: '36rem' },
scale: {
101: '1.01',
102: '1.02',
103: '1.03',
104: '1.04',
},
width,
maxWidth: width,
minWidth: width,
pageWidth: width,
typography: {
DEFAULT: {
css: {
'h1, h2, h3, h4, h5, h6': {
fontWeight: 'normal',
},
},
},
},
},
},
plugins: [
require('@tailwindcss/typography'),
require('tailwind-scrollbar'),
require('./lib/tailwindcss/plugins/tailwindcss-material-icons'),
],
};