200500

2024-05-20 20:03:18 +03:00
parent 48ecf18982
commit d3d62f6490
19 changed files with 8187 additions and 0 deletions
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -0,0 +1,136 @@
+/** @type {import('tailwindcss').Config} */
+const defaultTheme = require("tailwindcss/defaultTheme");
+const colors = require("tailwindcss/colors");
+module.exports = {
+  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
+  theme: {
+    fontSize: {
+      xs: [
+        "0.75rem",
+        {
+          lineHeight: "1rem",
+        },
+      ],
+      sm: [
+        "0.875rem",
+        {
+          lineHeight: "1.5rem",
+        },
+      ],
+      base: [
+        "1rem",
+        {
+          lineHeight: "1.75rem",
+        },
+      ],
+      lg: [
+        "1.125rem",
+        {
+          lineHeight: "2rem",
+        },
+      ],
+      xl: [
+        "1.25rem",
+        {
+          lineHeight: "2rem",
+        },
+      ],
+      "2xl": [
+        "1.5rem",
+        {
+          lineHeight: "2rem",
+        },
+      ],
+      "3xl": [
+        "2rem",
+        {
+          lineHeight: "2.5rem",
+        },
+      ],
+      "4xl": [
+        "2.5rem",
+        {
+          lineHeight: "3.5rem",
+        },
+      ],
+      "5xl": [
+        "3rem",
+        {
+          lineHeight: "3.5rem",
+        },
+      ],
+      "6xl": [
+        "3.75rem",
+        {
+          lineHeight: "1",
+        },
+      ],
+      "7xl": [
+        "4.5rem",
+        {
+          lineHeight: "1.1",
+        },
+      ],
+      "8xl": [
+        "6rem",
+        {
+          lineHeight: "1",
+        },
+      ],
+      "9xl": [
+        "8rem",
+        {
+          lineHeight: "1",
+        },
+      ],
+    },
+    extend: {
+      backgroundImage: (theme) => ({
+        screens: "url('/path-to/image.png')",
+      }),
+
+      colors: {
+        charcoal: {
+          50: "#ECEEEC",
+          100: "#D7DAD7",
+          200: "#B0B5B0",
+          300: "#889188",
+          400: "#626A62",
+          500: "#3E433E",
+          600: "#313531",
+          700: "#252825",
+          800: "#191A19",
+          900: "#0C0D0C",
+        },
+        tomato: {
+          50: "#FFEEEB",
+          100: "#FFE1DC",
+          200: "#FEBFB3",
+          300: "#FEA090",
+          400: "#FD7E68",
+          500: "#FD6043",
+          600: "#FC2803",
+          700: "#C01E02",
+          800: "#7E1401",
+          900: "#420A01",
+        },
+        negroni: {
+          50: "#FDFAF7",
+          100: "#FBF5EF",
+          200: "#F6E8DA",
+          300: "#F2DECA",
+          400: "#EDD1B5",
+          500: "#E9C7A5",
+          600: "#D99E63",
+          700: "#C1782F",
+          800: "#7F4F1F",
+          900: "#422910",
+        },
+      },
+      fontFamily: {
+        sans: ["Inter", ...defaultTheme.fontFamily.sans],
+      },
+    },
+  },
+  plugins: [],
+};