forked from adrienpoly/rubyvideo
-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
50 lines (49 loc) · 1.13 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
45
46
47
48
49
50
const colors = require("tailwindcss/colors");
module.exports = {
content: [
"./app/views/**/*.html.erb",
"./app/helpers/**/*.rb",
"./app/assets/stylesheets/**/*.css",
"./app/javascript/**/*.js",
"./config/initializers/heroicon.rb",
],
theme: {
container: {
center: true,
padding: {
DEFAULT: "1rem",
sm: "1rem",
// lg: "4rem",
// xl: "5rem",
// "2xl": "6rem",
},
},
extend: {
colors: {
transparent: "transparent",
current: "currentColor",
gray: "#7b6f72",
"gray-light": "#A39E9E",
"gray-lightest": "#f9fafb",
green: "#F0E7E9",
white: colors.white,
dark: "#261B23",
brand: {
DEFAULT: "#D74C47",
lighter: "#FBEEEE",
},
},
keyframes: {
"fade-in": {
"0%": { opacity: "0" },
"100%": { opacity: "1" },
},
"fade-out": {
"0%": { opacity: "1" },
"100%": { opacity: "0" },
},
},
},
},
plugins: [require("@tailwindcss/line-clamp"), require("@tailwindcss/forms")],
};