From 9b5c67b2cde153d0cfe4b19c74f69c7e11b53bba Mon Sep 17 00:00:00 2001 From: Melnyk Mykhailo Date: Sun, 21 Jan 2024 11:42:25 +0200 Subject: [PATCH] delete library provided colors and style configs --- src/app/globals.css | 64 --------------------------------------------- tailwind.config.ts | 59 ----------------------------------------- 2 files changed, 123 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 4b77eb9..25404de 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -2,70 +2,6 @@ @tailwind components; @tailwind utilities; -@layer base { - :root { - --background: 0 0% 100%; - --foreground: 0 0% 3.9%; - - --card: 0 0% 100%; - --card-foreground: 0 0% 3.9%; - - --popover: 0 0% 100%; - --popover-foreground: 0 0% 3.9%; - - --primary: 0 0% 9%; - --primary-foreground: 0 0% 98%; - - --secondary: 0 0% 96.1%; - --secondary-foreground: 0 0% 9%; - - --muted: 0 0% 96.1%; - --muted-foreground: 0 0% 45.1%; - - --accent: 0 0% 96.1%; - --accent-foreground: 0 0% 9%; - - --destructive: 0 84.2% 60.2%; - --destructive-foreground: 0 0% 98%; - - --border: 0 0% 89.8%; - --input: 0 0% 89.8%; - --ring: 0 0% 3.9%; - - --radius: 0.5rem; - } - - .dark { - --background: 0 0% 3.9%; - --foreground: 0 0% 98%; - - --card: 0 0% 3.9%; - --card-foreground: 0 0% 98%; - - --popover: 0 0% 3.9%; - --popover-foreground: 0 0% 98%; - - --primary: 0 0% 98%; - --primary-foreground: 0 0% 9%; - - --secondary: 0 0% 14.9%; - --secondary-foreground: 0 0% 98%; - - --muted: 0 0% 14.9%; - --muted-foreground: 0 0% 63.9%; - - --accent: 0 0% 14.9%; - --accent-foreground: 0 0% 98%; - - --destructive: 0 62.8% 30.6%; - --destructive-foreground: 0 0% 98%; - - --border: 0 0% 14.9%; - --input: 0 0% 14.9%; - --ring: 0 0% 83.1%; - } -} - @layer base { body { @apply font-text text-[1.0625rem] leading-tight tracking-[0.0063em] text-base-black dark:text-base-white; diff --git a/tailwind.config.ts b/tailwind.config.ts index 08c0b67..7a1f0a9 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -10,35 +10,14 @@ const config: Config = { plugins: [require('tailwindcss-animate')], prefix: '', theme: { - container: { - center: true, - padding: '2rem', - screens: { - '2xl': '1400px', - }, - }, extend: { - animation: { - 'accordion-down': 'accordion-down 0.2s ease-out', - 'accordion-up': 'accordion-up 0.2s ease-out', - }, backgroundImage: { 'gradient-blue-white': 'linear-gradient(168deg, rgb(224, 237, 255, 1) 0%, rgba(255, 255, 255, 1) 100%)', 'gradient-purple-blue': 'linear-gradient(91deg, rgba(145, 159, 222, 1) 0%, rgba(45, 109, 205, 1) 100%)', }, - borderRadius: { - lg: 'var(--radius)', - md: 'calc(var(--radius) - 2px)', - sm: 'calc(var(--radius) - 4px)', - }, colors: { - accent: { - DEFAULT: 'hsl(var(--accent))', - foreground: 'hsl(var(--accent-foreground))', - }, - background: 'hsl(var(--background))', base: { black: 'rgba(28, 29, 31, 1)', gray: { @@ -54,7 +33,6 @@ const config: Config = { }, white: 'rgba(255, 255, 255, 1)', }, - border: 'hsl(var(--border))', bright: { blue: 'rgba(53, 113, 207, 1)', indigo: 'rgba(127, 146, 220, 1)', @@ -64,48 +42,11 @@ const config: Config = { teal: 'rgba(92, 193, 250, 1)', yellow: 'rgba(255, 204, 0, 1)', }, - card: { - DEFAULT: 'hsl(var(--card))', - foreground: 'hsl(var(--card-foreground))', - }, - destructive: { - DEFAULT: 'hsl(var(--destructive))', - foreground: 'hsl(var(--destructive-foreground))', - }, - foreground: 'hsl(var(--foreground))', - input: 'hsl(var(--input))', - muted: { - DEFAULT: 'hsl(var(--muted))', - foreground: 'hsl(var(--muted-foreground))', - }, - popover: { - DEFAULT: 'hsl(var(--popover))', - foreground: 'hsl(var(--popover-foreground))', - }, - primary: { - DEFAULT: 'hsl(var(--primary))', - foreground: 'hsl(var(--primary-foreground))', - }, - ring: 'hsl(var(--ring))', - secondary: { - DEFAULT: 'hsl(var(--secondary))', - foreground: 'hsl(var(--secondary-foreground))', - }, }, fontFamily: { text: ['var(--font-text)'], title: ['var(--font-title)'], }, - 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' }, - }, - }, }, }, }