webshop-project/tailwind.config.js at main · HamiltonPDev/webshop-project · GitHub

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
const color = require("tailwindcss/colors");
const forms = require("@tailwindcss/forms");
const aspectRatio = require("@tailwindcss/aspect-ratio");

module.exports = {
    content: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
    theme: {
        colors: {
            ...color,
            white: "#ffffff",
            black: "#000000",
            "very-light-pink": "#c7c7c7",
            "text-input-field": "#f7f7f7",
            "hospital-green": "#acd9b2",
        },
        fontSize: {
            sm: "14px",
            md: "16px",
            lg: "18px",
        },
        backgroundImage: {
            "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
            "gradient-conic":
                "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
        },
        transitionProperty: {
            bg: "background-color",
            opacity: "opacity",
            transform: "transform",
            scale: "scale",
        },
        extend: {},
    },
    plugins: [forms, aspectRatio],
};