-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
44 lines (41 loc) · 1.47 KB
/
tailwind.config.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
import defaultTheme from "tailwindcss/defaultTheme";
import forms from "@tailwindcss/forms";
/** @type {import('tailwindcss').Config} */
export default {
content: [
"./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php",
"./storage/framework/views/*.php",
"./resources/views/**/*.blade.php",
"./resources/js/**/*.vue",
],
theme: {
extend: {
screens: {
xxs: "350px",
xs: "475px",
...defaultTheme.screens,
},
fontFamily: {
sans: ["Figtree", ...defaultTheme.fontFamily.sans],
},
animation: {
"border-color-red": "border-animation-red 3s infinite",
"border-color-yellow": "border-animation-yellow 3s infinite",
},
keyframes: {
"border-animation-red": {
"0%, 100%": { borderColor: "rgba(239, 68, 68, 0.0)" }, // transparent
"70%": { borderColor: "rgba(239, 68, 68, 1.0)" }, // dark red
},
"border-animation-yellow": {
"0%, 100%": { borderColor: "rgba(255, 205, 0, 0.0)" }, // transparent
"70%": { borderColor: "rgba(255, 205, 0, 1.0)" }, // yellow
},
},
blur: {
xs: "3px",
},
},
},
plugins: [forms, require("@tailwindcss/line-clamp")],
};