Files
formbricks-formbricks/apps/formbricks-com/tailwind.config.js
2022-11-18 15:18:16 +01:00

48 lines
1.4 KiB
JavaScript

const defaultTheme = require("tailwindcss/defaultTheme");
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
darkMode: "class",
theme: {
fontSize: {
xs: ["0.75rem", { lineHeight: "1rem" }],
sm: ["0.875rem", { lineHeight: "1.5rem" }],
base: ["1rem", { lineHeight: "2rem" }],
lg: ["1.125rem", { lineHeight: "1.75rem" }],
xl: ["1.25rem", { lineHeight: "2rem" }],
"2xl": ["1.5rem", { lineHeight: "2.5rem" }],
"3xl": ["2rem", { lineHeight: "2.5rem" }],
"4xl": ["2.5rem", { lineHeight: "3rem" }],
"5xl": ["3rem", { lineHeight: "3.5rem" }],
"6xl": ["3.75rem", { lineHeight: "1" }],
"7xl": ["4.5rem", { lineHeight: "1" }],
"8xl": ["6rem", { lineHeight: "1" }],
"9xl": ["8rem", { lineHeight: "1" }],
},
extend: {
colors: {
brand: {
DEFAULT: "#00E6CA",
light: "#00E6CA",
dark: "#00C4B8",
},
black: {
DEFAULT: "#0F172A",
},
},
fontFamily: {
sans: ["Poppins", ...defaultTheme.fontFamily.sans],
display: ["Lexend", ...defaultTheme.fontFamily.sans],
},
maxWidth: {
"8xl": "88rem",
},
},
},
plugins: [require("@tailwindcss/typography"), require("@tailwindcss/forms")],
};