movie-web/tailwind.config.js

41 lines
1.1 KiB
JavaScript
Raw Normal View History

2022-12-13 22:19:07 +00:00
/** @type {import('tailwindcss').Config} */
module.exports = {
2022-12-13 22:19:07 +00:00
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
2022-02-10 22:45:17 +00:00
extend: {
2022-02-13 17:49:03 +00:00
/* colors */
2022-02-10 22:45:17 +00:00
colors: {
2022-02-13 17:49:03 +00:00
"bink-100": "#432449",
"bink-200": "#412B57",
"bink-300": "#533670",
"bink-400": "#714C97",
"bink-500": "#8D66B5",
"bink-600": "#A87FD1",
"bink-700": "#CD97D6",
2023-01-07 22:44:46 +00:00
"denim-100": "#120F1D",
"denim-200": "#191526",
"denim-300": "#211D30",
"denim-400": "#2B263D",
"denim-500": "#38334A",
"denim-600": "#504B64",
"denim-700": "#7A758F"
2022-02-10 22:45:17 +00:00
},
2022-02-13 17:49:03 +00:00
/* fonts */
2022-02-10 22:45:17 +00:00
fontFamily: {
2023-01-07 22:44:46 +00:00
"open-sans": "'Open Sans'"
2022-02-10 22:45:17 +00:00
},
2022-02-13 17:49:03 +00:00
/* animations */
keyframes: {
"loading-pin": {
"0%, 40%, 100%": { height: "0.5em", "background-color": "#282336" },
2023-01-07 22:44:46 +00:00
"20%": { height: "1em", "background-color": "white" }
}
2022-02-13 17:49:03 +00:00
},
2023-01-07 22:44:46 +00:00
animation: { "loading-pin": "loading-pin 1.8s ease-in-out infinite" }
}
},
2023-01-07 22:44:46 +00:00
plugins: [require("tailwind-scrollbar"), require("@tailwindcss/line-clamp")]
};