summaryrefslogtreecommitdiff
path: root/apps/web/tailwind.config.ts
diff options
context:
space:
mode:
authorHyteq <DerpsDer.es@gmail.com>2025-07-20 11:00:22 +0300
committerHyteq <DerpsDer.es@gmail.com>2025-07-20 11:00:22 +0300
commitbe1ae20d9089e81cb84a8294be76fe680a24b60f (patch)
tree48472c1122d35f45f802bbd1c3cf2c15f653f9cf /apps/web/tailwind.config.ts
parentede08dac416b47eac2db151969c164bdf0f06002 (diff)
downloadopencut-be1ae20d9089e81cb84a8294be76fe680a24b60f.tar.gz
format
Diffstat (limited to 'apps/web/tailwind.config.ts')
-rw-r--r--apps/web/tailwind.config.ts280
1 files changed, 140 insertions, 140 deletions
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
index 049add76..fbbf0e53 100644
--- a/apps/web/tailwind.config.ts
+++ b/apps/web/tailwind.config.ts
@@ -1,143 +1,143 @@
import type { Config } from "tailwindcss";
export default {
- darkMode: ["class"],
- content: [
- "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
- "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
- "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
- "./src/lib/**/*.{js,ts,jsx,tsx,mdx}",
- "./src/constants/**/*.{js,ts,jsx,tsx,mdx}",
- ],
- theme: {
- extend: {
- screens: {
- xs: "480px",
- },
- fontSize: {
- base: "0.95rem",
- xs: "0.80rem",
- },
- fontFamily: {
- sans: ["var(--font-inter)", "sans-serif"],
- },
- colors: {
- background: "hsl(var(--background))",
- foreground: "hsl(var(--foreground))",
- card: {
- DEFAULT: "hsl(var(--card))",
- foreground: "hsl(var(--card-foreground))",
- },
- popover: {
- DEFAULT: "hsl(var(--popover))",
- foreground: "hsl(var(--popover-foreground))",
- },
- primary: {
- DEFAULT: "hsl(var(--primary))",
- foreground: "hsl(var(--primary-foreground))",
- },
- secondary: {
- DEFAULT: "hsl(var(--secondary))",
- foreground: "hsl(var(--secondary-foreground))",
- },
- muted: {
- DEFAULT: "hsl(var(--muted))",
- foreground: "hsl(var(--muted-foreground))",
- },
- accent: {
- DEFAULT: "hsl(var(--accent))",
- foreground: "hsl(var(--accent-foreground))",
- },
- destructive: {
- DEFAULT: "hsl(var(--destructive))",
- foreground: "hsl(var(--destructive-foreground))",
- },
- border: "hsl(var(--border))",
- input: "hsl(var(--input))",
- ring: "hsl(var(--ring))",
- chart: {
- "1": "hsl(var(--chart-1))",
- "2": "hsl(var(--chart-2))",
- "3": "hsl(var(--chart-3))",
- "4": "hsl(var(--chart-4))",
- "5": "hsl(var(--chart-5))",
- },
- sidebar: {
- DEFAULT: "hsl(var(--sidebar-background))",
- foreground: "hsl(var(--sidebar-foreground))",
- primary: "hsl(var(--sidebar-primary))",
- "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
- accent: "hsl(var(--sidebar-accent))",
- "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
- border: "hsl(var(--sidebar-border))",
- ring: "hsl(var(--sidebar-ring))",
- },
- panel: {
- DEFAULT: "hsl(var(--panel-background))",
- accent: "hsl(var(--panel-accent))",
- },
- },
- borderRadius: {
- lg: "var(--radius)",
- md: "calc(var(--radius) - 2px)",
- sm: "calc(var(--radius) - 8px)",
- },
- keyframes: {
- "accordion-down": {
- from: {
- height: "0",
- },
- to: {
- height: "var(--radix-accordion-content-height)",
- },
- },
- "accordion-up": {
- from: {
- height: "var(--radix-accordion-content-height)",
- },
- to: {
- height: "0",
- },
- },
- },
- animation: {
- "accordion-down": "accordion-down 0.2s ease-out",
- "accordion-up": "accordion-up 0.2s ease-out",
- },
- },
- },
- plugins: [
- require("tailwindcss-animate"),
- function ({
- addUtilities,
- }: {
- addUtilities: (utilities: Record<string, any>) => void;
- }) {
- addUtilities({
- ".scrollbar-hidden": {
- "-ms-overflow-style": "none",
- "scrollbar-width": "none",
- "&::-webkit-scrollbar": {
- display: "none",
- },
- },
- ".scrollbar-x-hidden": {
- "-ms-overflow-style": "none",
- "scrollbar-width": "none",
- "&::-webkit-scrollbar:horizontal": {
- display: "none",
- },
- },
- ".scrollbar-y-hidden": {
- "-ms-overflow-style": "none",
- "scrollbar-width": "none",
- "&::-webkit-scrollbar:vertical": {
- display: "none",
- },
- },
- });
- },
- ],
- future: {
- hoverOnlyWhenSupported: true,
- },
+ darkMode: ["class"],
+ content: [
+ "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/lib/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/constants/**/*.{js,ts,jsx,tsx,mdx}",
+ ],
+ theme: {
+ extend: {
+ screens: {
+ xs: "480px",
+ },
+ fontSize: {
+ base: "0.95rem",
+ xs: "0.80rem",
+ },
+ fontFamily: {
+ sans: ["var(--font-inter)", "sans-serif"],
+ },
+ colors: {
+ background: "hsl(var(--background))",
+ foreground: "hsl(var(--foreground))",
+ card: {
+ DEFAULT: "hsl(var(--card))",
+ foreground: "hsl(var(--card-foreground))",
+ },
+ popover: {
+ DEFAULT: "hsl(var(--popover))",
+ foreground: "hsl(var(--popover-foreground))",
+ },
+ primary: {
+ DEFAULT: "hsl(var(--primary))",
+ foreground: "hsl(var(--primary-foreground))",
+ },
+ secondary: {
+ DEFAULT: "hsl(var(--secondary))",
+ foreground: "hsl(var(--secondary-foreground))",
+ },
+ muted: {
+ DEFAULT: "hsl(var(--muted))",
+ foreground: "hsl(var(--muted-foreground))",
+ },
+ accent: {
+ DEFAULT: "hsl(var(--accent))",
+ foreground: "hsl(var(--accent-foreground))",
+ },
+ destructive: {
+ DEFAULT: "hsl(var(--destructive))",
+ foreground: "hsl(var(--destructive-foreground))",
+ },
+ border: "hsl(var(--border))",
+ input: "hsl(var(--input))",
+ ring: "hsl(var(--ring))",
+ chart: {
+ "1": "hsl(var(--chart-1))",
+ "2": "hsl(var(--chart-2))",
+ "3": "hsl(var(--chart-3))",
+ "4": "hsl(var(--chart-4))",
+ "5": "hsl(var(--chart-5))",
+ },
+ sidebar: {
+ DEFAULT: "hsl(var(--sidebar-background))",
+ foreground: "hsl(var(--sidebar-foreground))",
+ primary: "hsl(var(--sidebar-primary))",
+ "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
+ accent: "hsl(var(--sidebar-accent))",
+ "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
+ border: "hsl(var(--sidebar-border))",
+ ring: "hsl(var(--sidebar-ring))",
+ },
+ panel: {
+ DEFAULT: "hsl(var(--panel-background))",
+ accent: "hsl(var(--panel-accent))",
+ },
+ },
+ borderRadius: {
+ lg: "var(--radius)",
+ md: "calc(var(--radius) - 2px)",
+ sm: "calc(var(--radius) - 8px)",
+ },
+ keyframes: {
+ "accordion-down": {
+ from: {
+ height: "0",
+ },
+ to: {
+ height: "var(--radix-accordion-content-height)",
+ },
+ },
+ "accordion-up": {
+ from: {
+ height: "var(--radix-accordion-content-height)",
+ },
+ to: {
+ height: "0",
+ },
+ },
+ },
+ animation: {
+ "accordion-down": "accordion-down 0.2s ease-out",
+ "accordion-up": "accordion-up 0.2s ease-out",
+ },
+ },
+ },
+ plugins: [
+ require("tailwindcss-animate"),
+ function ({
+ addUtilities,
+ }: {
+ addUtilities: (utilities: Record<string, any>) => void;
+ }) {
+ addUtilities({
+ ".scrollbar-hidden": {
+ "-ms-overflow-style": "none",
+ "scrollbar-width": "none",
+ "&::-webkit-scrollbar": {
+ display: "none",
+ },
+ },
+ ".scrollbar-x-hidden": {
+ "-ms-overflow-style": "none",
+ "scrollbar-width": "none",
+ "&::-webkit-scrollbar:horizontal": {
+ display: "none",
+ },
+ },
+ ".scrollbar-y-hidden": {
+ "-ms-overflow-style": "none",
+ "scrollbar-width": "none",
+ "&::-webkit-scrollbar:vertical": {
+ display: "none",
+ },
+ },
+ });
+ },
+ ],
+ future: {
+ hoverOnlyWhenSupported: true,
+ },
} satisfies Config;