baileykane.co
this repo has no description
www.baileykane.co/
1const defaultTheme = require("tailwindcss/defaultTheme");
2
3module.exports = {
4 content: [
5 "./app/**/*.{js,ts,jsx,tsx}",
6 "./pages/**/*.{js,ts,jsx,tsx}",
7 "./components/**/*.{js,ts,jsx,tsx}",
8 ],
9 theme: {
10 extend: {
11 fontFamily: {
12 sans: ["Poppins", ...defaultTheme.fontFamily.sans],
13 serif: ["Aleo", ...defaultTheme.fontFamily.serif],
14 },
15 typography: {
16 DEFAULT: {
17 css: {
18 "code::before": {
19 content: '""',
20 },
21 "code::after": {
22 content: '""',
23 },
24 a: {
25 "&:hover": {
26 opacity: ".7",
27 },
28 },
29 },
30 },
31 },
32 /*
33 Generated on https://palettte.app. Exported JSON at the end of the file.
34 */
35 // colors: {
36 // mygreen: {
37 // 900: "#09341E",
38 // 800: "#134A2D",
39 // 700: "#20603D",
40 // 600: "#30764E",
41 // 500: "#448B62",
42 // 400: "#5CA178",
43 // 300: "#77B78C",
44 // 200: "#95CDAA",
45 // 100: "#B7E2C6",
46 // 50: "#DDF8E6",
47 // },
48 // myorange: {
49 // 900: "#F28118",
50 // 800: "#F48B2C",
51 // 700: "#F59641",
52 // 600: "#F7A155",
53 // 500: "#F8AC6A",
54 // 400: "#F9B87F",
55 // 300: "#FBC494",
56 // 200: "#FCD0AA",
57 // 100: "#FCEAD1",
58 // 50: "#FDF5E9",
59 // },
60 // mypurple: {
61 // 600: "#8761BD",
62 // 500: "#9A75CE",
63 // 400: "#AE8CDE",
64 // 300: "#C3A4EF",
65 // 200: "#D9BEFF",
66 // },
67 // },
68 backgroundImage: {
69 base: "url('/img/base.svg')",
70 "base-dark": "url('/img/base-dark.svg')",
71 },
72 keyframes: {
73 wiggle: {
74 "25%": { transform: "rotate(-1deg)" },
75 "75%": { transform: "rotate(1deg)" },
76 },
77 wigglelg: {
78 "25%": { transform: "rotate(-5deg)" },
79 "75%": { transform: "rotate(5deg)" },
80 },
81 slowgrow: {
82 "0%, 100%": {
83 transform: "scale(1)",
84 },
85 "50%": {
86 transform: "scale(1.1)",
87 },
88 },
89 bounceleft: {
90 "0%, 100%": {
91 transform: "translateX(0%)",
92 "animation-timing-function": "cubic-bezier(0.8, 0, 1, 1)",
93 },
94 "50%": {
95 transform: "translateX(-25%)",
96 "animation-timing-function": "cubic-bezier(0, 0, 0.2, 1)",
97 },
98 },
99 bounceup: {
100 "0%, 100%": {
101 transform: "translateY(0%)",
102 "animation-timing-function": "cubic-bezier(0.8, 0, 1, 1)",
103 },
104 "50%": {
105 transform: "translateY(-25%)",
106 "animation-timing-function": "cubic-bezier(0, 0, 0.2, 1)",
107 },
108 },
109 },
110 animation: {
111 spinslow: "spin 2s linear infinite",
112 wiggle: "wiggle 1s ease-in-out infinite",
113 wigglelg: "wigglelg 1s ease-in-out infinite",
114 slowgrow: "slowgrow 1s ease-in-out infinite",
115 bounceleft: "bounceleft 1s infinite",
116 bounceup: "bounceup 1s infinite",
117 },
118 aspectRatio: {
119 book: "16 / 25",
120 },
121 },
122 },
123 variants: {
124 extend: {
125 animation: ["hover", "group-hover"],
126 },
127 },
128 plugins: [require("@tailwindcss/typography")],
129};
130
131/*
132Generated JSON for color configuration from https://palettte.app
133[
134 {
135 "paletteName": "New Palette",
136 "swatches": [
137 {
138 "name": "New Swatch",
139 "color": "0D4729"
140 },
141 {
142 "name": "New Swatch",
143 "color": "135833"
144 },
145 {
146 "name": "New Swatch",
147 "color": "19693D"
148 },
149 {
150 "name": "New Swatch",
151 "color": "217B48"
152 },
153 {
154 "name": "New Swatch",
155 "color": "2A8C53"
156 },
157 {
158 "name": "New Swatch",
159 "color": "349D5E"
160 },
161 {
162 "name": "New Swatch",
163 "color": "3EAE69"
164 },
165 {
166 "name": "New Swatch",
167 "color": "4AC075"
168 },
169 {
170 "name": "New Swatch",
171 "color": "57D181"
172 },
173 {
174 "name": "New Swatch",
175 "color": "65E28E"
176 }
177 ]
178 },
179 {
180 "paletteName": "New Palette",
181 "swatches": [
182 {
183 "name": "New Swatch",
184 "color": "F28118"
185 },
186 {
187 "name": "New Swatch",
188 "color": "F48B2C"
189 },
190 {
191 "name": "New Swatch",
192 "color": "F59641"
193 },
194 {
195 "name": "New Swatch",
196 "color": "F7A155"
197 },
198 {
199 "name": "New Swatch",
200 "color": "F8AC6A"
201 },
202 {
203 "name": "New Swatch",
204 "color": "F9B87F"
205 },
206 {
207 "name": "New Swatch",
208 "color": "FBC494"
209 },
210 {
211 "name": "New Swatch",
212 "color": "FCD0AA"
213 },
214 {
215 "name": "New Swatch",
216 "color": "FEDCC0"
217 },
218 {
219 "name": "New Swatch",
220 "color": "FFE9D6"
221 }
222 ]
223 },
224 {
225 "paletteName": "New Palette",
226 "swatches": [
227 {
228 "name": "New Swatch",
229 "color": "8761BD"
230 },
231 {
232 "name": "New Swatch",
233 "color": "9A75CE"
234 },
235 {
236 "name": "New Swatch",
237 "color": "AE8CDE"
238 },
239 {
240 "name": "New Swatch",
241 "color": "C3A4EF"
242 },
243 {
244 "name": "New Swatch",
245 "color": "D9BEFF"
246 }
247 ]
248 }
249]
250*/